frontend
Wirebrowser is a debugging, interception, and memory-inspection toolkit powered by the Chrome DevTools Protocol (CDP). It unifies network manipulation, API testing, automation scripting, and deep JavaScript memory inspection into one interface. With features like Breakpoint-Driven Heap Search and real-time Live Object Search, Wirebrowser provides researchers and engineers with precise, high-visibility tools for client-side analysis, reverse engineering, and complex application debugging.
Free, Fast, and Powerful SVAR React DataGrid
An open-source, high-performance data grid for modern React applications with virtual scrolling, advanced filtering, editing, tree data, and full TypeScript support.
A composable charting library built on React components.
Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts in React applications without any pain.
The open protocol for real-time sync to client applications.
HTTP-based durable streams for streaming data reliably to web browsers, mobile apps, and native clients with offset-based resumability.
Durable Streams provides a simple, production-proven protocol for creating and consuming ordered, replayable data streams with support for catch-up reads and live tailing.
Reactive Extensions Library for JavaScript.
RxJS is a library for composing asynchronous and event-based programs by using observable sequences. It provides one core type, the Observable, satellite types (Observer, Schedulers, Subjects) and operators inspired by Array methods (map, filter, reduce, every, etc) to allow handling asynchronous events as collections.
Related contents:
A library that unifies the APIs of IndexedDB, localStorage and other storage into a consistent API.
modern storage toolkit that keeps localForage compatibility while using async/await, TypeScript, and zero legacy baggage.
Automated PWA health check tool to make sure your PWA looks, feels, and behaves like a real app.
bippy is a toolkit to hack into react internals
by default, you cannot access react internals. bippy bypasses this by "pretending" to be react devtools, giving you access to the fiber tree and other internals.
React components & templates for building rich text editor UIs with Tiptap.
Tiptap UI Components is a library of modular, MIT-licensed React components, templates, and primitives that help you build rich text editor UIs faster, on top of the headless Tiptap framework.
Simple and complete testing utilities that encourage good testing practices
Architectural methodology for frontend projects.
Feature-Sliced Design (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and structured in the face of ever-changing business requirements.
Source: Architectures of modern Front-end applications @ BRACKETS' Medium.
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
Alibaba unified front-end form solution
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3.
In React, the whole tree rendering performance problem of the form is very obvious in the controlled mode. Especially for the scene of data linkage, it is easy to cause the page to be stuck. To solve this problem, we have distributed the management of the state of each form field, which significantly improves the performance of the form operations. At the same time, we deeply integrate the JSON Schema protocol to help you solve the problem of back-end driven form rendering quickly.
Related contents:
Rich_TextArea is a jQuery plugin replacement for the venerable HTML TEXTAREA that adds arbitrary triggered autocompletes along with the insertion of rich “embedded objects” included images, links, or any other markup.
TypeScript Frontend Framework Built on Effect-TS. Built on Effect. Architected like Elm. Written in TypeScript.
Foldkit is for developers who want to build their product with confidence instead of fighting their architecture. If you want a single pattern that scales from a counter to a multiplayer game without complexity creep, this is it.
A carefully curated collection of high-quality React component libraries and design systems. Each library has been selected for its unique features, documentation quality, and community support.
A fast, framework-agnostic undo/redo core powered by Mutative JSON Patch.
A fast, framework-agnostic undo/redo library that stores only changes, not full snapshots.
Travels gives your users the power to undo and redo their actions—essential for text editors, drawing apps, form builders, and any interactive application. Unlike traditional undo systems that copy entire state objects for each change, Travels stores only the differences (JSON Patches), making it 10x faster and far more memory-efficient.
Declarative routing for React.
React Router is a multi-strategy router for React bridging the gap from React 18 to React 19. You can use it maximally as a React framework or minimally as a library with your own architecture.
Related contents:
Type-safe WebGPU toolkit. A modular and open-ended toolkit for WebGPU, with advanced type inference and the ability to write shaders in TypeScript.
TypeScript library that enhances the WebGPU API, allowing resource management in a type-safe, declarative way.
Email parser for browser and serverless environments.
postal-mime is an email parsing library that runs in browser environments (including Web Workers) and serverless functions (like Cloudflare Email Workers). It takes in a raw email message (RFC822 format) and outputs a structured object containing headers, recipients, attachments, and more.
Simple. Powerful. Unobtrusive. Build modern web applications with a framework that puts you first.
Aurelia is a modern, front-end JavaScript framework for building browser, mobile, and desktop applications. It focuses on aligning closely with web platform specifications, using convention over configuration, and having minimal framework intrusion. Basically, we want you to just write your code without the framework getting in your way. 😉
Aurelia applications are built by composing a series of simple components. By convention, components are made up of a vanilla JavaScript or Typescript class, with a corresponding HTML template.
Fast and low overhead web framework, for Node.js.
Fastify is a web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture. It is inspired by Hapi and Express and as far as we know, it is one of the fastest web frameworks in town.
Related contents:
Write components once, run everywhere.
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more. Mitosis provides a unified development experience across all frameworks, enabling you to build components in a single codebase and compile them to React, Vue, Angular, Svelte, Solid, Alpine, Qwik, and more.
Related contents:
The library for web and native user interfaces.
Related contents:
- JUST FUCKING USE REACT.
- Just Use React @ Epic React.
- Reactivity is easy @ romgrk.
- Level Up React: Deep dive into state and useState @ 56kode.
- The History of React Through Code @ Playful Programming.
- React Server Components: How We Got Here @ Epic React.
- The Useless useCallback @ TkDodo's blog.
- Let's Write React Hooks From Scratch @ Playful Programming.
- Unlocking Web Workers with React: A Step-by-Step Guide @ Rahul's Blog.
- React Won by Default – And It's Killing Frontend Innovation @ Loren Stewart.
- React’s useTransition and state update reordering @ Jordan Eldredge.
- Cut styled-components into pieces: This is our last resort @ Sanity.
- You may be looking for a useSyncExternalStore @ swizec.com.
- Stop using .reverse().find(): meet findLast() @ Matt Smith.
- React <ViewTransition>: Smooth Animations Made Simple @ certificates.dev.
- The nuance of React rendering behaviour as it relates to children @ Black Sheep Code.
- Concurrent Hydration with useSyncExternalStore @ kurtextrem.
- Server and Client Component Composition in Practice @ Aurora Scharff.
- State-based vs Signal-based rendering @ Jovi De Croock.
- React Server Components: Do They Really Improve Performance? @ Developer Way.
- Using Atomic State to Improve React Performance in Deeply Nested Component Trees @ Harbor.
- Why startups choose React (and when you shouldn't) @ Evil Martians.
- dead framework theory @ AI Focus.
- Using Atomic State to Improve React Performance in Deeply Nested Component Trees @ Harbor.
- ChatGPT as My Coding Mentor: How I Learned React and Next.js as a Junior Developer @ iO tech_hub.
- Absolutely everything you need to know about act() in React tests @ HowToTestFrontend.
- Why use React? @ adactio.
- The next era of React has arrived: Here’s what you need to know @ LogRocket.
- React has finally solved its biggest problem: The joys of useEffectEvent @ LogRocket.
- useOptimistic Won't Save You @ Colum Kelly.
- Building Bulletproof React Components @ Shu Ding.
- Frontend Memory Leaks: A 500-Repository Static Analysis and Five-Scenario Benchmark Study @ StackInsight.
- Understanding Why React Fiber Exists @ Sanku.
- Start naming your useEffect functions, you will thank me later @ Neciu Dan.
- use(): The Hook That Breaks the Rules (On Purpose) @ Sascha Becker.
- I let React Compiler handle memoization: Here’s what actually broke @ LogRocket.
- React useOptimistic: Optimistic UI Patterns That Actually Work (2026) @ Carlos Oliva Pascual's dev.to.
Modern React Component Library.
Build beautifulpiece by piece.
A dark-mode React component library. 19 production-ready components built with TypeScript, Tailwind CSS, and Framer Motion.
Related contents:
WebAssembly SQLite with support for browser storage extensions.
This is a WebAssembly build of SQLite with support for writing SQLite virtual filesystems completely in Javascript. This allows alternative browser storage options such as IndexedDB and Origin Private File System. Applications can opt to use either a synchronous or asynchronous (using Asyncify or JSPI) SQLite library build (an asynchronous build is required for asynchronous extensions).
Related contents:
A lightweight, GDPR and CCPA compliant Consent Management Tool written in vanilla JS.
Related contents:
Make Any DOM Reactive. Nothing more.
Mador is a very small reactive DOM runtime, for people who don't need or want a framework.
It gives you reactive state and a way to bind that state to existing DOM. Mador is a native ES module and can be used through npm or directly from a CDN.
✨ Your best Front-End Tool ✨.
🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers!
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.
Related contents:
The most advanced responsive front-end framework in the world.
Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes a fully customizable, responsive grid, a large library of Sass mixins, commonly used JavaScript plugins, and full accessibility support.
Stop logging into a black hole. Give your logs a beautiful, powerful, and interactive home.
log-vwer is the ultimate plug-and-play toolkit for Node.js developers who are tired of messy console.log statements. It instantly gives you a professional-grade dashboard to view, search, and filter your application logs in real-time.
the JavaScript Database that Syncs! PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser.
PouchDB was created to help web developers build applications that work as well offline as they do online.
Related contents:
React’s programming model, compiled. Octane is an incredibly efficient React replacement UI library with improved developer ergonomics.
The successor to Inferno, carrying its performance-first goal forward: React’s hooks, Suspense and actions, compiled ahead of time. No virtual DOM. No rules of hooks. No hand-maintained dependency arrays — the compiler works out what your code captures for you.
Related contents:
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
htm is JSX-like syntax in plain JavaScript - no transpiler necessary. Develop with React/Preact directly in the browser, then compile htm away for production.
APM for Ruby, Elixir, Node.js & Python. No-brainer monitoring for smart developers. Application Monitoring for Ruby on Rails, Elixir, Node.js & Python.
a fast and fully-featured autocomplete library.
The typeahead.js library consists of 2 components: the suggestion engine, Bloodhound, and the UI view, Typeahead. The suggestion engine is responsible for computing suggestions for a given query. The UI view is responsible for rendering suggestions and handling DOM interactions. Both components can be used separately, but when used together, they can provide a rich typeahead experience.
Audit shadcn apps for UI fundamentals.
Deterministic UI audits for shadcn apps
shadscan statically analyzes your React shadcn components for accessibility, state, and composition regressions — the same result on every run, built for your terminal and your CI.
a no-build TypeScript fullstack SSR-first framework for developing fast web applications with a shallow learning curve
FullS(tack)oak (FullSoak for short) is a modern (born 2025), no-build TypeScript fullstack framework for building fast web applications with a shallow learning curve. At its core is the Oak http server framework which is inspired by Koa (one of the popular Node.js http frameworks).
Compile Zod schemas into zero-overhead validation functions at build time.
Keep your existing Zod schemas. Get 2-75x faster validation. No code changes required.
Unite your modern frontend with your Laravel backend.
Fusion is the best way to combine your Laravel backend with your JavaScript frontend. We currently only support Vue.js, but React + Svelte are on the roadmap.
Related contents:
So, you want to build an app that has its data co-located with its UI? That works offline? That synchronizes between clients? And that lets its users own their data?
Related contents:
Next Generation Frontend Tooling
Get ready for a development environment that can finally catch up with you.
A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore. This repository contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same candidate (that would take hours). Choosing a few items from this list should help you vet the intended skills you require.
Next Generation Frontend Tooling.
Vite (French word for "quick", pronounced /vit/, like "veet") is a new breed of frontend build tooling that significantly improves the frontend development experience.
Related contents:
A reactive client store for building super fast apps on sync
TanStack DB extends TanStack Query with collections, live queries and optimistic mutations that keep your UI reactive, consistent and blazing fast 🔥
Related contents:
Become a better frontend developer.
Take your frontend skills to the next level by recreating real websites from real companies.
The perfect type of practice for developers of all skill levels. Are you up for the challenge?
The frontend boilerplate with superpowers.
A well-structured production-ready frontend boilerplate with Typescript, React Testing Library, styled-component, React Query, .env, Axios, Bundle Analyzer, Prettier and 30+ plugins. superplate creates ready-to-develop projects for React and Next.js and refine.
Real-Time State Management. Without the Backend Hassle.
Vaultrice is a globally distributed key-value store with a familiar API, built for real-time collaboration. Stop wiring together databases and WebSocket servers — get a complete solution in one simple, powerful package.
a tool for transforming CSS with JavaScript.
PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.
Related contents:
Soak test your single page web-app (SPA) for memory leaks at high speed, with Playwright.
Related contents:
Local-first data layer for high-performance apps. LiveStore is a next-generation state management framework based on reactive SQLite and git-inspired syncing (via event-sourcing).
LiveStore is a fully-featured, client-centric data layer (replacing libraries like Redux, MobX, etc.) with a reactive embedded SQLite database powered by real-time sync (via event-sourcing).
CSS reacts, JS just listens. What JS knows, now CSS knows.
Runtime state for CSS. Now there's a Prop For That. Expose what JavaScript knows but CSS can't see — as live CSS custom properties.
Yew is a modern Rust framework for creating multi-threaded front-end web apps using WebAssembly.
Instant sync. A new way to build apps with distributed state.
Jazz is an open-source toolkit for building apps with distributed state.
Related contents:
A chart grammar you don't have to outgrow.
A typed, tree-shakable chart grammar for SVG and Canvas. Compose marks, views, scales, transforms, interactions, and motion with compact primitives or D3-compatible inputs.
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Related contents:
The Anti-Slop Frontend Framework for AI Agents.
Open-source skill files that stop Cursor, Claude Code, Codex, Gemini CLI, v0, Lovable, and more from generating generic frontends.
Predictive Mouse Intent Library. What if we could only prefetch data the user actually needs?
ForesightJS is a JavaScript library that predicts user intent by tracking the mouse. Great for prefetching without wasting resources.
Related contents:
JavaScript Web Testing and Component Testing Framework. Test. Automate. Accelerate.
With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.