frontend
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:
Next Generation Frontend Tooling
Get ready for a development environment that can finally catch up with you.
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.
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.
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.
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.
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:
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.
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.
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:
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.
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.
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.
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:
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:
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.
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:
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:
Front-end starter kit combined with the power of SCSS & Compass.
Pondasee is a little front-end web developer framework to help designer or developer.
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:
The Progressive JavaScript Framework.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Related contents:
Overview of alternative open source front-ends for popular internet platforms (e.g. YouTube, Twitter, etc.)
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.
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.
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.
SSR islands for SvelteKit.
Your pages are HTML. Nothing hydrates until you say so. Mark a component and it wakes: on load, on scroll, on whatever cue you pick. Everything else stays static. No Kit client to boot, so you ship JavaScript only for what you marked.
Related contents:
Offline-first SQL sync with Typescript and Rust cores.
Syncular keeps an SQLite database on each client and synchronizes it through a server-owned commit log. Apps read from local SQLite and continue to work offline. A write updates local state immediately, enters an outbox, and is checked by the server when it syncs.
Build Better Websites. Create modern, resilient user experiences with web fundamentals.
Focused on web standards and modern web app UX, you’re simply going to build better websites
Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.
Related contents:
✨ 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:
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.
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:
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.
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 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.
Soak test your single page web-app (SPA) for memory leaks at high speed, with Playwright.
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.
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:
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.
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.
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.
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.
Fast & Performant React Native List. No more blank cells Swap from FlatList in seconds. Get instant performance.
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.
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.
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.
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.
Automated PWA health check tool to make sure your PWA looks, feels, and behaves like a real app.
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Related contents:
APM for Ruby, Elixir, Node.js & Python. No-brainer monitoring for smart developers. Application Monitoring for Ruby on Rails, Elixir, Node.js & Python.
Simple and complete testing utilities that encourage good testing practices
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
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:
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.
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.
A lightweight, GDPR and CCPA compliant Consent Management Tool written in vanilla JS.
Related contents:
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: