frontend
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.
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.
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.
Code and preview Word documents in the browser
A browser-based, client-side editor that helps you create .docx files using the JavaScript library Docx.js with live preview.
Related contents:
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.
Actor-based state management & orchestration for complex app logic. XState is a state management and orchestration solution for JavaScript and TypeScript apps.
It uses event-driven programming, state machines, statecharts, and the actor model to handle complex logic in predictable, robust, and visual ways. XState provides a powerful and flexible way to manage application and workflow state by allowing developers to model logic as actors and state machines. It integrates well with React, Vue, Svelte, and other frameworks and can be used in the frontend, backend, or wherever JavaScript runs.
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.
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.
True offline-first sync for modern apps—without vendor lock-in.
🔄 A powerful, type-safe sync engine for building real-time collaborative applications. Local-first, CRDT-based, with zero-config offline 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.
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Related contents:
The Progressive JavaScript Framework.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Related contents:
Smart Edge Databases with Cloud Sync and Intelligence.
SQLiteSync is a local-first SQLite extension using CRDTs for seamless, conflict-free data sync and real-time collaboration across devices.
Related contents:
WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable compilation target for programming languages, enabling deployment on the web for client and server applications.
Related contents:
- What Happened To WebAssembly @ emnudge.dev.
- 10 Years of Wasm: A Retrospective @ Bytecode Alliance.
- Making WebAssembly a first-class language on the Web @ moz.://a Hacks.
- Notes on Writing Wasm @ Monad Nomad.
- Why is WebAssembly a second-class language on the web? @ moz://a hacks.
- Rewriting our Rust WASM Parser in TypeScript @ OpenUI.
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:
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:
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:
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.
Fast & Performant React Native List. No more blank cells Swap from FlatList in seconds. Get instant performance.
Related contents:
Our Frontend Toolkit, Free and Open Source.
A collection of ready-to-use plugins and composables for building modern web applications. Unstyled, fully typed and with a flexible, yet opinionated API.
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).
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.
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.
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.
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:
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:
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:
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:
A clean and minimal youtube frontend supported by yt-dlp, and optionally your local AI model, to make your youtube experience local, mindful and succint.
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?
An embeddable, scalable, extremely fast graph database.
Embeddable property graph database management system built for query speed and scalability. Implements Cypher. Kuzu is an embedded graph database built for query speed and scalability. Kuzu is optimized for handling complex analytical workloads on very large databases and provides a set of retrieval features, such as a full text search and vector indices. Our core feature set includes:
Related contents:
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:
A lightweight, GDPR and CCPA compliant Consent Management Tool written in vanilla JS.
Related contents:
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.
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.
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).
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:
A Minimalistic Wrapper for IndexedDB.
Dexie.js is a wrapper library for indexedDB - the standard database in the browser. IndexedDB is the portable database for all browser engines. Dexie.js makes it fun and easy to work with.
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:
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:
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.
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.
Modular building blocks for building collaborative applications like Google Docs and Figma.
Yjs is a shared editing framework. It exposes Shared Types that can be manipulated like any other data type. But they are synced automatically!
Related contents:
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.
Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
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.
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.
✨ 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:
Framework reimagined for the edge!. Deliver instant apps at scale. Build instantly-interactive web apps without effort.
Qwik is a new kind of web framework that can deliver instant loading web applications at any size or complexity. Your sites and apps can boot with about 1kb of JS (regardless of application complexity), and achieve consistent performance at scale.
Related contents:
Private alternative front-end for Genius.
With the massive daily increase of useless scripts on Genius's web frontend, and having to download megabytes of clutter, dumb tries to make reading lyrics from Genius a pleasant experience, and as lightweight as possible.
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:
Statistically rigorous benchmark runner for the web.
tachometer is a tool for running benchmarks in web browsers. It uses repeated sampling and statistics to reliably identify even tiny differences in runtime.
APM for Ruby, Elixir, Node.js & Python. No-brainer monitoring for smart developers. Application Monitoring for Ruby on Rails, Elixir, Node.js & Python.
Framework independent visual testing library.
Mugshot is a node library for doing visual regression testing. The way screenshots are taken, processed, compared and stored is entirely customizable. You can use it to write visual regression tests for websites, mobile apps, native apps etc. Moreover, Mugshot doesn't impose any preferences on how you write or execute the tests, it just gives you an assertion that you can call however and whenever you want.
Frontend-as-a-service for eCommerce.
PWA Frontend Solution for Headless & Composable Front-Commerce is the only front-end that improves the developer, merchant & customer experience all at the same time.
Simple and complete testing utilities that encourage good testing practices
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.
Build apps in components. An open-source toolchain for component-driven software. Forget monolithic apps and distribute development to components.