Jeremy Grancher

prop-for-that. what JS knows, now CSS knows

canva-connect-api-starter-kit. TypeScript

webmcp-tools. TypeScript

FinGPT. FinGPT: Open-Source Financial Large Language Models! Revolutionize 🔥 We release the trained model on HuggingFace.

mcp-server. An MCP server for interacting with the Financial Datasets stock market API.

eslint-plugin-react-you-might-not-need-an-effect. Catch unnecessary React effects for simpler, faster, safer code.

mediabunny. Pure TypeScript media toolkit for reading, writing, and converting video and audio files, directly in the browser.

json-schema-to-typescript. Compile JSON Schema to TypeScript type declarations

brightdata-mcp. A powerful Model Context Protocol (MCP) server that provides an all-in-one solution for public web access.

browser-agent. Open-source, vision-first browser agent

system_prompts_leaks. Extracted system prompts from Anthropic - Claude Fable 5, Opus 4.8, Claude Code, Claude Design. OpenAI - ChatGPT GPT-5.6, Codex GPT-5.6, GPT-5.5. Google - Gemini 3.5 Flash, 3.1 Pro, Antigravity. xAI - Grok, Cursor, Copilot, VS Code, Perplexity, and more. Updated regularly.

ai-monorepo-scaffold. A scaffold demonstrating how to use a turbo, mono repo, trpc, better auth, react, postgres and cursor ai rules.

react-jsonschema-form. A React component for building Web forms from JSON Schema.

inner-image-zoom. A set of lightweight JavaScript components for zooming images 🔎

sitefetch. Fetch an entire site and save it as a text file (to be used with AI models).

awesome-cursorrules. 📄 Configuration files that enhance Cursor AI editor experience with custom rules and behaviors

agents-json. Python

mastra. Mastra is the modern TypeScript framework for AI-powered applications and agents.

dataprompt. Prompts with data superpowers

midscene. AI-powered, vision-driven UI automation for every platform.

saas-starter. Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.

react-scan. Scan and fix React performance issues

llama3-tokenizer-js. JS tokenizer for LLaMA 3 and LLaMA 3.1

kibo. A custom registry of composable, accessible and extensible components designed for use with shadcn/ui. Free and open source, forever.

steel-browser. 🔥 Open Source Browser API for AI Agents & Apps. Steel Browser is a batteries-included browser sandbox that lets you automate the web without worrying about infrastructure.

tailwindcss-spring. A plugin for Tailwind CSS that adds spring animations using linear(), define just two parameters and let the plugin do the rest.

genaiscript. Automatable GenAI Scripting

nextjs-subscription-payments. Clone, deploy, and fully customize a SaaS subscription application with Next.js.

pipet. Swiss-army tool for scraping and extracting data from online assets, made for hackers

void. TypeScript

caniuse-cli. Command line tool for “Can I Use …” and MDN Browser Compat Data

sparrow. Structured data extraction, instruction calling and agentic workflows with ML, LLM and Vision LLM

module-replacements. A manifest of JS modules and their more modern/active replacements

eslint-plugin-depend. An ESLint plugin for suggesting optimisations in choice of dependency, native equivalents, etc.

hono. Web framework built on Web Standards

es-toolkit. A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash.

inbox-zero. The world's best AI personal assistant for email. Open source app to help you reach inbox zero fast.

restyle. The simplest way to add CSS styles to your React components.

next-view-transitions. Use CSS View Transitions API in Next.js App Router.

signals. Signals for Tailwind CSS simplifies styling based on ancestor state via style queries. Its declarative API for signaling states eliminates complex selectors, resulting in cleaner, more maintainable code.

react-print-pdf. Build and generate PDF using React 📄 UI kit for PDFs and print documents. Simple, reusable components and templates to create great invoices, docs, brochures. Use your favorite front-end framework React to build your next PDF.

app-router-transitions. TypeScript

gpt-pilot. The first real AI developer

wxt. ⚡ Next-gen Web Extension Framework

not-paid. Client did not pay? Add opacity to the body tag and decrease it every day until their site completely fades away

use-context-selector. React useContextSelector hook in userland

react-use. React Hooks — 👍

ui-snippets. Collection of dark mode components and effects crafted in React and Tailwind CSS.

kuma-ui. 🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨

groqd. Designed to give the best GROQ developer experience possible, with the flexibility of GROQ, schema-aware auto-completion, strong type-checking, and the runtime safety of Zod.

manifesto. The OpenTF Manifesto expresses concern over HashiCorp's switch of the Terraform license from open-source to the Business Source License (BSL) and calls for the tool's return to a truly open-source license.

ui. A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

commerce. Next.js Commerce

continue. open-source coding agent

ai-getting-started. A Javascript AI getting started stack for weekend projects, including image/text models, vector stores, auth, and deployment configs

panda. 🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

ai. The AI Toolkit for TypeScript. From the creators of Next.js, the AI SDK is a free open-source library for building AI-powered applications and agents

create-next-stack. Create Next Stack is a website and CLI tool used to easily set up the boilerplate of new Next.js apps.

usehooks. A collection of modern, server-safe React hooks – from the ui.dev team

css-anchor-positioning. Polyfill for CSS Anchor Positioning

eslint-plugin-check-file. ESLint rules for consistent filename and folder. Allows you to enforce a consistent naming pattern for the filename and folder.

start-ui-web. 🚀 Start UI [web] is an opinionated UI starter from the 🐻 BearStudio Team with ⚙️ Node.js, 🟦 TypeScript, ⚛️ React, 📦 TanStack Start, 💨 Tailwind CSS, 🧩 shadcn/ui, 📋 React Hook Form, 🔌 oRPC, 🛠 Prisma, 🔐 Better Auth, 📚 Storybook, 🧪 Vitest, 🎭 Playwright

ink. 🌈 React for interactive command-line apps

madge. Create graphs from your CommonJS, AMD or ES6 module dependencies

primitives. Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

ark. Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.

linaria. Zero-runtime CSS in JS library

react-dsfr. 🇫🇷 The French Government Design system React toolkit

awesome-design-patterns. A curated list of software and architecture related design patterns.

zustand. 🐻 Bear necessities for state management in React

react-wrap-balancer. Simple React Component That Makes Titles More Readable

react-email. 💌 Build and send emails using React

react-hook-form. 📋 React Hooks for form state management and validation (Web + React Native)

lenis. Smooth scroll as it should be

taxi. Taxi is a 🤏 small and 🐊 snappy js library for adding slick PJAX navigation and beautiful transitions to your website.

router. 🤖 A client-first, server-capable, fully type-safe router and full-stack framework for the web (React and more).

katana. A next-generation crawling and spidering framework.

DevOps-Roadmap. DevOps Roadmap for 2026. with learning resources

outstatic. Outstatic - A Static Site CMS for Markdown. A dashboard to write, edit, and publish Markdown and MDX stored in your GitHub repository.

boltcss. Mostly-reasonable HTML styles

refine. A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

legend-state. Legend-State is a super fast and powerful state library that enables fine-grained reactivity and easy automatic persistence

solid-start. SolidStart, the Solid app framework

min-max-calculator. A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range.

tokencss. TypeScript

memlab. A framework for finding JavaScript memory leaks and analyzing heap snapshots

crawlee. Crawlee—A web scraping and browser automation library for Node.js to build reliable crawlers. In JavaScript and TypeScript. Extract data for AI, LLMs, RAG, or GPTs. Download HTML, PDF, JPG, PNG, and other files from websites. Works with Puppeteer, Playwright, Cheerio, JSDOM, and raw HTTP. Both headful and headless mode. With proxy rotation.

atlas-blueprint-portfolio. A portfolio template for Atlas Blueprints

pm2. Node.js/Bun Production Process Manager with a built-in Load Balancer.

matterday.netlify.com. A site that asks us what we could do with more time.

hydrogen-sanity-demo. A starter for Hydrogen + Sanity projects

svg-spinners. A collection of 24 x 24 dp SVG spinners! (CSS & SMIL)

solito. 🧍‍♂️ React Native + Next.js, unified.

pinia. 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support

plasmo. 🧩 The Browser Extension Framework

matter-js. a 2D rigid body physics engine for the web ▲● ■

zag. Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines

cli. 🥧 HTTPie CLI — modern, user-friendly command-line HTTP client for the API era. JSON support, colors, sessions, downloads, plugins & more.

react-async-hook. React hook to handle any async operation in React components, and prevent race conditions

solid. A declarative, efficient, and flexible JavaScript library for building user interfaces.

faustjs. Faust.js™ - The Headless WordPress Toolkit

cramer-algo-trader. Trade Stocks with Node.js, Alpaca, and GPT-3

wagmi. Reactive primitives for Ethereum apps

dura. You shouldn't ever lose your work if you're using Git

fuite. A tool for finding memory leaks in web apps

pico. Minimal CSS Framework for semantic HTML

chakra-capsize. The power of capsize inside Chakra UI

supabase. The Postgres development platform. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.

nice-modal-react. A modal state manager for React.

tamagui. Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

rematch. The Redux Framework

keystone-6-custom-upload-example. Keystone 6 example for uploading data via a custom Admin UI page.

server-components-demo. Demo app of React Server Components.

hydrogen-v1. React-based framework for building dynamic, Shopify-powered custom storefronts.

moti. 🐼 The React Native (+ Web) animation library, powered by Reanimated 3.

nextjs-conf-2021. The code from "Databases as Code with PlanetScale and Prisma" talk at Next.js Conf 2021

headlessui. Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

medusa. The world's most flexible commerce platform.

theatre. Motion design editor for the web

openreplay. Session replay, cobrowsing and product analytics you can self-host. Best for reproducing issues and iterating on your product.

the-new-css-reset. The New Simple and Lighter CSS Reset

graphql-code-generator. A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.

ts-gql. Write GraphQL queries with a gql tag in TypeScript -> have generated types

OutFrontJS. Console for mobile browsers and webviews.

hex-alpha. A really simple package that enables you to specify an opacity for your HEX colours.

keystone-next-pgsql-heroku-eg. Keystone Next example project on Postgres with a "Deploy to Heroku" button

architect. The simplest, most powerful way to build a functional web app (fwa)

react-zora-starter-kit. A simple starter kit for building Non-Fungible Token (NFT) marketplaces on the Zora protocol using Next.js, The Graph and Tailwind.

vanilla-extract. Zero-runtime Stylesheets-in-TypeScript

build-your-own-x. Master programming by recreating your favorite technologies from scratch.

vite. Next generation frontend tooling. It's fast!

transition.css. :octocat: Drop-in CSS transitions

keystone. The superpowered headless CMS for Node.js — built with GraphQL and React

react-three-fiber. 🇨🇭 A React renderer for Three.js

Babylon.js. Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

aleph.js. The Full-stack Framework in Deno.

msw. Industry standard API mocking for JavaScript.

flux-standard-action. A human-friendly standard for Flux action objects.

swr. React Hooks for Data Fetching

Reactime. Developer tool for time travel debugging and performance monitoring in React applications.

volta. Volta: JS Toolchains as Code. ⚡

upgrade-helper. ⚛️ A web tool to support React Native developers in upgrading their apps.

chakra-ui. Chakra UI is a component system for building SaaS products with speed ⚡️

react-awesome-reveal. React components to add reveal animations using the Intersection Observer API and CSS Animations.

grommet. a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

fontsource. Self-host Open Source fonts in neatly bundled NPM packages.

react-three-flex. 💪📦 Flexbox for react-three-fiber

locomotive-scroll. 🛤 Detection of elements in viewport & smooth scrolling with parallax.

critical. Extract & Inline Critical-path CSS in HTML pages

react-final-form. 🏁 High performance subscription-based form state management for React

super-expressive. 🦜 Super Expressive is a zero-dependency JavaScript library for building regular expressions in (almost) natural language

fullstack-starterkit. GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

drei. 🥉 useful helpers for react-three-fiber

typefaces. NPM packages for Open Source typefaces

playroom. Design with JSX, powered by your own component library.

TypeScript-Babel-Starter. A sample setup using Babel CLI to build TypeScript code, and using TypeScript for type-checking.

popmotion. Simple animation libraries for delightful user interfaces

awesome-creative-coding. Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

react. Cheatsheets for experienced React developers getting started with TypeScript

react-native-sketch. 🎨 A React Native <Sketch /> component for touch-based drawing.

express-typescript-boilerplate. A delightful way to building a RESTful API with NodeJs & TypeScript by @w3tecch

image-actions. A Github Action that automatically compresses JPEGs, PNGs, WebPs & AVIFs in Pull Requests.

react-primitives. Primitive React Interfaces Across Targets

styled-system. ⬢ Style props for rapid UI development

svgr. Transform SVGs into React components 🦁

webpack-esnext-boilerplate. JavaScript

React-Google-Apps-Script. This is your boilerplate project for developing React apps inside Google Sheets, Docs, Forms and Slides projects. It's perfect for personal projects and for publishing complex add-ons in the Google Workspace Marketplace.

javascript-algorithms. 📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings

entropic. 🦝 :package: a package registry for anything, but mostly javascript 🦝 🦝 🦝

phaser. Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

typescript-eslint. :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript

comlink. Comlink makes WebWorkers enjoyable.

bit. AI-powered development workspaces with reusable components, architectural clarity and zero overhead.

awesome-react-talks. :sunglasses: A curated list of talks about React or topics related to React

retoggle. 🎨 UI controls as React Hooks to control your component state from outside

nivo. nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

hackathon-starter. A boilerplate for Node.js web applications

json-schema-faker. JSON-Schema + fake data generators

json-server. Get a full fake REST API with zero coding in less than 30 seconds (seriously)

sinon-jest-cheatsheet. Some examples on how to achieve the same goal with either of both libraries: sinon and jest. Also some of those goals achievable only by one of these tools.

expo. An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.

typesafe-actions. Typesafe utilities for "action-creators" in Redux / Flux Architecture

react-redux-typescript-guide. The complete guide to static typing in "React & Redux" apps using TypeScript

apps-script-samples. Apps Script samples for Google Workspace products.

clasp. 🔗 Command Line Apps Script Projects

spaceship-prompt. 🚀✨ Minimalistic, powerful and extremely customizable Zsh prompt

trousers. hooks-first CSS-in-JS library, focused on semantics and runtime performance

tvOSBrowser. Advanced AppleTV Web Browser (uses Private API)

awesome-react-360. Awesome list of React VR resources

nookies. 🍪 A set of cookie helpers for Next.js

react-pixi-fiber. Write PixiJS applications using React declarative style.

webxr-samples. Samples to demonstrate use of the WebXR Device API

33-js-concepts. 📜 33 JavaScript concepts every developer should know.

react-native-shopify. React Native bridge to Shopify Buy SDK

expo-asset-utils. Utilities for parsing files references, and Expo Assets.

preact-material-components. preact wrapper for "Material Components for the web"

expo-pixi. Tools for using pixi.js in Expo

preact. ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

parcel. The zero configuration build tool for the web. 📦🚀

deno. A modern runtime for JavaScript and TypeScript.