{"id":187,"url":"https://github.com/preactjs/awesome-preact","last_synced_at":"2025-10-02T23:35:46.945Z","repository":{"id":38018252,"uuid":"79582090","full_name":"preactjs/awesome-preact","owner":"preactjs","description":"A curated list of amazingly awesome things regarding Preact ecosystem :star2:","archived":false,"fork":false,"pushed_at":"2024-06-19T20:40:04.000Z","size":136,"stargazers_count":946,"open_issues_count":5,"forks_count":81,"subscribers_count":27,"default_branch":"master","last_synced_at":"2025-09-22T14:02:08.345Z","etag":null,"topics":["awesome","awesome-list","jsx","preact","resources"],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/preactjs.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["preactjs"],"open_collective":"preact"}},"created_at":"2017-01-20T17:44:25.000Z","updated_at":"2025-09-16T21:12:36.000Z","dependencies_parsed_at":"2023-12-19T01:52:28.536Z","dependency_job_id":"1e915735-06c6-41fe-8826-2fb58fb0300c","html_url":"https://github.com/preactjs/awesome-preact","commit_stats":{"total_commits":109,"total_committers":56,"mean_commits":"1.9464285714285714","dds":0.6422018348623852,"last_synced_commit":"9f5a4a901fbf35304a657c9a7447662b229e9140"},"previous_names":["ooade/awesome-preact"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/preactjs/awesome-preact","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/preactjs%2Fawesome-preact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/preactjs%2Fawesome-preact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/preactjs%2Fawesome-preact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/preactjs%2Fawesome-preact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/preactjs","download_url":"https://codeload.github.com/preactjs/awesome-preact/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/preactjs%2Fawesome-preact/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277365239,"owners_count":25805839,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-28T02:00:08.834Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","jsx","preact","resources"],"created_at":"2024-01-05T20:12:48.714Z","updated_at":"2025-10-02T23:35:46.918Z","avatar_url":"https://github.com/preactjs.png","language":null,"readme":"# Awesome Preact [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n[\u003cimg src=\"https://rawgit.com/ooade/awesome-preact/master/preact-logo.svg\" align=\"right\" width=\"100\"\u003e](https://preactjs.com)\n\n\u003e A curated list of amazingly awesome things regarding [Preact](https://github.com/developit/preact) ecosystem :star2:\n\n[Preact](https://github.com/developit/preact) is a fast 3kb React alternative with the same ES6 API. Components \u0026 Virtual DOM.\n\n## Contents\n- [Community](#community)\n- [Toolkits](#toolkits)\n- [Boilerplates](#boilerplates)\n- [Routing](#routing)\n- [Components](#components)\n- [Libraries](#libraries)\n- [Testing Utils](#testing-utils)\n- [Articles](#articles)\n- [Example Apps](#example-apps)\n- [Real Apps](https://preactjs.com/about/we-are-using)\n- [Related Libraries](#related-libraries)\n- [Tips](#tips)\n\n### Community\n- [Slack](https://chat.preactjs.com/) (Discussion Forum)\n- [Stack Overflow](https://stackoverflow.com/questions/tagged/preact)\n- [Github](https://github.com/developit/preact)\n- [Twitter](https://twitter.com/preactjs)\n\n### Toolkits\n- [Preact CLI](https://github.com/developit/preact-cli) - Build a Preact Progressive Web App in seconds.\n- [Vite](https://github.com/vitejs/vite) - Fast native-ESM powered web dev build tool for Preact, Vue or React.\n- [nwb](https://github.com/insin/nwb) - Quick Development with React, Inferno or Preact.\n- [React App Rewire Preact](https://github.com/timarney/react-app-rewired) - Use Preact with create-react-app without ejecting.\n- [Preact CLI PostCSS](https://github.com/SaraVieira/preact-cli-postcss) - It removes the default postcss config on Preact CLI, so you can use postcss.config.js.\n- [Create Preact App](https://github.com/just-boris/create-preact-app) - Create Preact apps with no build configuration.\n- [Storybook Preact](https://github.com/storybooks/storybook/tree/next/app/preact) - Storybook for Preact is a UI development environment for your Preact components.\n\n### Boilerplates\n- [Official Boilerplate](https://github.com/developit/preact-boilerplate) - Ready-to-rock Preact starter project, powered by Webpack.\n- [Preact Simple Starter](https://github.com/ooade/PreactSimpleStarter) - PWA Simple Starter with Preact, Preact-mdl and Webpack2.\n- [Preact Offline Starter](https://github.com/lukeed/preact-starter) - Webpack2 boilerplate for building SPA / PWA / offline front-end apps with Preact.\n- [TypeScript Preact Starter](https://github.com/nickytonline/ts-preact-starter) - Barebones starter project for Preact with TypeScript.\n- [TypeScript PWA Preact Starter](https://github.com/bmitchinson/preact-typescript-pwa-starter) - PWA Starter with TypeScript and SASS (131kb)\n- [Electron TypeScript Preact Boilerplate](https://github.com/yoctopuce-examples/electron-typescript-preact-boilerplate) - Electron starter project with TypeScript and Preact support, powered by esbuild.\n- [Preact Modern Startupper](https://github.com/kolodziejczakM/preact-modern-startupper) - PWA boilerplate with support for TypeScript, Goober, Unistore and Plop.\n- [Preact Redux SSR Example](https://github.com/csbun/preact-redux-ssr-example) - Server-side Rendering with Redux Example.\n- [Preact PWA](https://github.com/ezekielchentnik/preact-pwa) - PWA focused on raw performance, server side rendering, prerendering, redux, express, rollup.\n- [Preact Chrome Extension](https://github.com/debdut/preact-chrome-extension) - A Full Feature Preact Chrome Extension Starter Kit.\n- [Preact Web Extension](https://github.com/PiyushSuthar/preact-webext) - ⚡️ WebExtension Vite Starter Template with Preact.\n- [Preact Neutralino TypeScript Starter](https://github.com/ernest-rudnicki/preact-neutralino-typescript-starter) - Starter project for building lightweight desktop applications with Preact and neutralino.js.\n- [Simple Deno Starter](https://github.com/nesterow/minizavr) - Tiny starter template with Preact and Deno for building single page applications.\n\n### Routing\n- [Preact Router](https://github.com/developit/preact-router) - URL router for Preact.\n- [Preact Route Async](https://github.com/mjanssen/preact-route-async) - A (440b gzip) route component that enables async loading of page-components.\n- [Wouter](https://github.com/molefrog/wouter) - A tiny (1KB gzip) router for Preact/React with React Router-like API.\n\n### Components\n- [Preact Material Components](https://github.com/prateekbh/preact-material-components) - Preact wrapper for \"Material Components for the web\".\n- [Preact Scroll Header](https://github.com/lukeed/preact-scroll-header) - A (800b gzip) header that will show/hide while scrolling for Preact.\n- [Preact Progress](https://github.com/lukeed/preact-progress) - Simple and lightweight (~590 bytes gzip) progress bar component for Preact.\n- [Preact Compat](https://github.com/preactjs/preact-compat) - Use any React library with Preact *([full example](https://github.com/developit/preact-compat-example))*.\n- [Preact Render To String](https://github.com/preactjs/preact-render-to-string) - Universal rendering.\n- [Preact Markup](https://github.com/developit/preact-markup) - Render HTML \u0026 Custom Elements as JSX \u0026 Components.\n- [Preact Portal](https://github.com/developit/preact-portal) - Render Preact components into (a) SPACE.\n- [Preact Richtextarea](https://github.com/developit/preact-richtextarea) - Simple HTML editor component.\n- [Preact Token Input](https://github.com/developit/preact-token-input) - Text field that tokenizes input, for things like tags.\n- [Preact Virtual List](https://github.com/developit/preact-virtual-list) - Easily render lists with millions of rows ([demo](https://jsfiddle.net/developit/qqan9pdo/)).\n- [Preact Cycle](https://github.com/developit/preact-cycle) - Functional-reactive paradigm for Preact.\n- [Preact Layout](https://download.github.io/preact-layout/) - Small and simple layout library.\n- [Preact Socrates](https://github.com/matthewmueller/preact-socrates) - Preact plugin for [Socrates](http://github.com/matthewmueller/socrates).\n- [Preact Flyd](https://github.com/xialvjun/preact-flyd) - Use [flyd](https://github.com/paldepind/flyd) FRP streams in Preact + JSX.\n- [Preact I18nline](https://github.com/download/preact-i18nline) - Integrates the ecosystem around [i18n-js](https://github.com/everydayhero/i18n-js) with Preact via [i18nline](https://github.com/download/i18nline).\n- [Preact MUI](https://github.com/luisvinicius167/preact-mui) - The MUI CSS Preact library.\n- [Preact MDL](https://github.com/developit/preact-mdl) - Use [MDL](https://getmdl.io) as Preact components.\n- [Preact Photon](https://github.com/developit/preact-photon) - Build beautiful desktop UI with [photon](http://photonkit.com).\n- [Preact Classless Component](https://github.com/ld0rman/preact-classless-component) - Create preact components without the class keyword.\n- [Preact Hyperscript](https://github.com/queckezz/preact-hyperscript) - Hyperscript-like syntax for creating elements.\n- [Shallow Compare](https://github.com/tkh44/shallow-compare) - Simplified `shouldComponentUpdate` helper.\n- [Preact Codemod](https://github.com/vutran/preact-codemod) - Transform your React code to Preact.\n- [Preact Helmet](https://github.com/download/preact-helmet) - A document head manager for Preact.\n- [Preact Delegate](https://github.com/NekR/preact-delegate) - Delegate DOM events.\n- [Preact No SSR](https://github.com/gufsky/preact-no-ssr) - Skip Server Side Rendering of Components.\n- [Preact Head](https://github.com/matthewmueller/preact-head) - Standalone, declarative \\\u003cHead /\\\u003e for Preact.\n- [Preact Side Effect](https://github.com/ooade/preact-side-effect) - Create components whose nested prop changes map to a global side effect.\n- [Preact Tiny Atom](https://github.com/KwanMan/preact-tiny-atom) - Preact Integration with [Tiny Atom](https://github.com/qubitproducts/tiny-atom).\n- [Preact Level List](https://github.com/juliangruber/preact-level-list) - Live updating leveldb list component for Preact.\n- [Preact Country Picker](https://github.com/bboydflo/flagstrap-preact) - Country picker based on bootstrap 3 made for Preact.\n- [Preact Fluid](https://github.com/ajainvivek/preact-fluid) - A minimal UI kit for Preact.\n- [Preact Feather Icons](https://github.com/ForsakenHarmony/preact-feather) - Feather icons for Preact.\n- [Preact Animate On Change](https://github.com/Sobesednik/preact-animate-on-change) - Add CSS3 animation when properties change.\n- [Preact Async Route](https://github.com/prateekbh/preact-async-route) - Async route component for preact-router.\n- [MU Forms](https://github.com/mobiushorizons/mu-forms) - Dead simple form library for (P)React.\n- [Pimg](https://github.com/ooade/pimg) - Progressive Image Component; Used for lazy loading images.\n- [Preact Component Console](https://github.com/haensl/preact-component-console) - Console Emulator. Simulates typing via dynamic delays.\n- [Preact Translate](https://github.com/DenysVuika/preact-translate) - Minimalistic translate (i18n) library for Preact.\n- [Preact Dock](https://github.com/TimDaub/preact-touchable-dock) - Simple DnD and touch-enabled Dock for Preact apps.\n- [Preact Particles](https://github.com/matteobruni/tsparticles#preact) - Lightweight component to easily add cool particles animations to websites.\n- [Pant](https://github.com/webyom/pant) - Mobile UI Components built on Preact *([docs and demos](https://webyom.github.io/pant))*. Ported from awesome Vue components of [Vant](https://github.com/youzan/vant).\n- [Preact Transitioning](https://github.com/fakundo/preact-transitioning) - Exposes Preact components for easily implementing basic CSS animations and transitions.\n- [Preact Nominal Allocator](https://github.com/TimDaub/preact-nominal-allocator) - A numerical input element that can also manipulated with two buttons (-/+).\n- [Tailored Components](https://github.com/nesterow/tailored) - Unstyled components and hooks for Preact \u0026 Deno.\n- [Plotery](https://shelacek.bitbucket.io/plotery) - Fast and lightweight charting library.\n- [Formica](https://shelacek.bitbucket.io/formica) - Simple declarative forms for Preact.\n\n### Libraries\n- [Redux Zero](https://github.com/concretesolutions/redux-zero) - A lightweight state container based on Redux with a single store and no reducers.\n- [Unistore](https://github.com/developit/unistore) - 350b / 650b state container with component actions for Preact \u0026 React.\n- [FPreact](https://github.com/UnwrittenFun/fpreact) - Provides an alternative api for creating preact components, heavily inspired by elm.\n- [ProppyJS - A tiny library for functional props composition](https://proppyjs.com)\n- [ClearX](https://github.com/Autodesk/clearx) - Fast \u0026 Effortless state management for React, Preact and Inferno with zero learning curve.\n- [Preact-urql](https://github.com/FormidableLabs/urql/tree/master/packages/preact-urql) - Use [urql](https://github.com/FormidableLabs/urql) with Preact core + hooks.\n- [hooked-head](https://github.com/JoviDeCroock/hooked-head) - Hooks to manipulate the `\u003chead\u003e` section of the DOM. This has a subpackage with core preact support (using `preact/hooks`).\n- [Teaful](https://github.com/teafuljs/teaful) - Tiny (800B), easy and powerful (P)React state management.\n- [Nano Stores](https://github.com/nanostores/nanostores) - A tiny (199 bytes) state manager with many atomic tree-shakable stores.\n- [Modular Forms](https://github.com/fabian-hiller/modular-forms) - Modular, type-safe and signal based form library for Preact.\n- [exome](https://github.com/Marcisbee/exome) - Simple proxy based state manager for deeply nested states.\n- [Fastro](https://fastro.deno.dev) - Fast \u0026 Modular SSR Web Framework for Deno, TypeScript, Preact \u0026 Tailwind.\n\n\n### Testing Utils\n- [Preact JSX Chai](https://github.com/developit/preact-jsx-chai) - JSX assertion testing _(no DOM, right in Node)_.\n- [Preact Render Spy](https://github.com/mzgoddard/preact-render-spy) - Render Preact components with access to the produced virtual dom for testing.\n- [Preact Test Utils](https://github.com/windyGex/preact-test-utils) - Mock react-test-utils enzyme in preact.\n- [Preact Testing Library](https://github.com/antoaravinth/preact-testing-library) - Simple and complete Preact DOM testing utilities that encourage good testing practices.\n- [Preact Island](https://github.com/mwood23/preact-island) - Render your Preact component as a widget on any web page with ease.\n\n### Articles\n- [WTF is JSX](https://jasonformat.com/wtf-is-jsx/)\n- [The Inner Workings of Virtual DOM](https://medium.com/@rajaraodv/the-inner-workings-of-virtual-dom-666ee7ad47cf)\n- [Using Preact Instead of React](https://medium.com/@rajaraodv/using-preact-instead-of-react-70f40f53107c)\n- [Preact Internals #1: The Easy Parts](https://medium.com/@asolove/preact-internals-1-the-easy-parts-3a081fa36205#.twnc3doig)\n- [Preact Internals #2: The Component Model](https://medium.com/@asolove/preact-internals-2-the-component-model-36a05e32957b#.8zyec2y9v)\n- [Building a Small PWA with Preact and Firebase](https://dandenney.com/posts/front-end-dev/building-a-small-pwa-with-preact-and-firebase)\n- [Authentication with Auth0](https://auth0.com/blog/preact-authentication-tutorial)\n\n### Example Apps\n- [Preact HN](https://github.com/kristoferbaxter/preact-hn) - Demonstration of Preact used to build Hacker News as a PWA.\n- [TodoMVC](https://github.com/developit/preact-todomvc) - TodoMVC done in Preact. Under 6kb and fast.\n- [Colors App](https://github.com/lukeed/colors-app) - PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats.\n- [Tracks](https://github.com/jordic/tracks_preact/) - PWA for tracking things in general. Gdrive Sync.\n- [Hueify](https://github.com/kvartborg/hueify) - Simple controller for your Philips Hue lights.\n- [Golazon](https://github.com/sobstel/golazon) - Football data mnmlist way.\n- [Shopping List](https://github.com/ibm-watson-data-lab/shopping-list-preact-pouchdb) - Progressive Web App Built Using Preact and PouchDB.\n- [Code and Comment](https://github.com/code-and-comment/code-and-comment) - The application to add the comments to a file in Github ([demo](https://code-and-comment.github.io/code-and-comment/)).\n- [Play.cash](https://play.cash) :notes: _([GitHub Project](https://github.com/feross/play.cash))_\n- [Songsterr](https://www.songsterr.com) 🎼 Using Preact X in production since 10.0 alpha\n- [BitMidi](https://bitmidi.com/) 🎹 Wayback machine for free MIDI files _([GitHub Project](https://github.com/feross/bitmidi.com))_\n- [Ultimate Guitar](https://www.ultimate-guitar.com) 🎸speed boosted by Preact.\n- [ESBench](http://esbench.com) is built using Preact.\n- [BigWebQuiz](https://bigwebquiz.com) _([GitHub Project](https://github.com/jakearchibald/big-web-quiz))_\n- [Nectarine.rocks](http://nectarine.rocks) _([GitHub Project](https://github.com/developit/nectarine))_ :peach:\n- [OSS.Ninja](https://oss.ninja) _([GitHub Project](https://github.com/developit/oss.ninja))_\n- [GuriVR](https://gurivr.com) _([GitHub Project](https://github.com/opennewslabs/guri-vr))_\n- [Offline Gallery](https://use-the-platform.com/offline-gallery/) _([GitHub Project](https://github.com/vaneenige/offline-gallery/))_ :balloon:\n- [Periodic Weather](https://use-the-platform.com/periodic-weather/) _([GitHub Project](https://github.com/vaneenige/periodic-weather/))_ :sunny:\n- [Rugby News Board](http://nbrugby.com) _[(GitHub Project)](https://github.com/rugby-board/rugby-board-node)_\n- [Preact Gallery](https://preact.gallery/) an 8KB photo gallery PWA built using Preact.\n- [Rainbow Explorer](https://use-the-platform.com/rainbow-explorer/) Preact app to translate real life color to digital color _([Github project](https://github.com/vaneenige/rainbow-explorer))_.\n- [YASCC](https://carlosqsilva.github.io/YASCC/#/) Yet Another SoundCloud Client _([Github project](https://github.com/carlosqsilva/YASCC))_.\n- [Journalize](https://preact-journal.herokuapp.com/) 14k offline-capable journaling PWA using preact. _([Github project](https://github.com/jpodwys/preact-journal))_.\n- [Proxx](https://proxx.app) A game of proximity by GoogleChromeLabs using preact. _([Github project](https://github.com/GoogleChromeLabs/proxx))_.\n- [Web Maker](https://webmaker.app) An offline and blazing fast frontend playground built using Preact. _([Github project](https://github.com/chinchang/web-maker))_.\n- [Intergram](https://www.intergram.xyz) A live chat widget linked to your Telegram messenger built using Preact. _([Github project](https://github.com/idoco/intergram))_.\n- [Preact App in ES6 without Babel or JSX](https://vanilla-preact.surge.sh) _([GitHub Project](https://github.com/safdarjamal/vanilla-preact/))_.\n- [GHFresh](https://code2k.github.io/ghfresh/) Monitor GitHub repository releases – Prerendering with Preact. Built with Preact Compat, TypeScript, Material-UI and Redux Toolkit. _([GitHub Project](https://github.com/code2k/ghfresh))_.\n- [Passwords Fountain](https://passwords-fountain.com/) - modern \u0026 performant password manager interface which works everywhere _([Github project](https://github.com/kolodziejczakM/passwords-fountain))_.\n- [macOS Web](https://macos-preact.now.sh) - macOS Big Sur Desktop experience for Web, built with Preact and Vite _([Github project](https://github.com/PuruVJ/macos-preact))_.\n- [Cinemate](https://cinemate.me) - Movie Recommender System built with Preact and TypeScript. Backend written in Rust.\n- [Windows 11 Web](https://win11.vercel.app) - Awe-amazing Windows 11 clone for the web! ⚡ _([Github project](https://github.com/PiyushSuthar/Windows-11-Web))_.\n- [Idea Keeper](https://miftikcz.github.io/idea-keeper-2) :brain: Highly extensible and minimalistic idea keeping app _([GitHub Project](https://github.com/MiftikCZ/idea-keeper-2))_.\n- [Trellith](https://trellith.sakih.net/) - Tiny Trello Clone PWA ([GitHub Project](https://github.com/sakihet/trellith)).\n- [Gladys Assistant](https://gladysassistant.com/) - A privacy-first, open-source home assistant _([GitHub Project](https://github.com/GladysAssistant/Gladys))_.\n\n### Related Libraries\n- [React](https://github.com/facebook/react) - A declarative, efficient, and flexible JavaScript library for building user interfaces.\n- [Inferno](https://github.com/infernojs/inferno) - An extremely fast, React-like JavaScript library for building modern user interfaces.\n- [Rax](https://github.com/alibaba/rax) - A universal React-compatible render engine.\n\n### Tips\nContribute some ;)\n\n---\n### Contribution\nYour contributions and suggestions are welcome anytime. Build great stuffs with Preact, share with us ;) \u003cbr/\u003e\nMake sure you follow the [guidelines](/contributing.md). Thank you!\n\n---\n### License\n[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](http://creativecommons.org/publicdomain/zero/1.0/)\n","funding_links":["https://github.com/sponsors/preactjs","https://opencollective.com/preact"],"categories":["Front-End Development","Technical","Uncategorized","Others","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","Programming Language Lists","Themed Directories"],"sub_categories":["awesome-*","Uncategorized","JavaScript Lists","Misc"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpreactjs%2Fawesome-preact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpreactjs%2Fawesome-preact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpreactjs%2Fawesome-preact/lists"}