frontend
⚛️ 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.
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.
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.
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.
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.
Build smaller, faster, and more secure desktop applications with a web frontend. Build an optimized, secure, and frontend-independent application for multi-platform deployment.
Yew is a modern Rust framework for creating multi-threaded front-end web apps using WebAssembly.
Next Generation Frontend Tooling
Get ready for a development environment that can finally catch up with you.
Overview of alternative open source front-ends for popular internet platforms (e.g. YouTube, Twitter, etc.)
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:
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
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.
This widget is used for transforming a hierarchy HTML lists with input's into a hierarchial tree select tool. You can also call this widget with a structured JSON list and it will convert it to an HTML hierarchy select tool of those items.