awesome-preact
by preactjs
A curated list of amazingly awesome things regarding Preact ecosystem ![]()
AI summary
Preact toolkit
A curated list of resources and tools for building web applications with the Preact ecosystem
- stars
- 905
- forks
- 78
- watching
- 28
- awesome lists
- 3
- entries
- 137
What's in the list
137 links in 11 sections, with live GitHub stats.activeno commit in 2y
Contents
Contents / Community
- Slack
(Discussion Forum)
Contents / Toolkits
Preact CLI
Build a Preact Progressive Web App in seconds
Vite
Fast native-ESM powered web dev build tool for Preact, Vue or React
nwb
Quick Development with React, Inferno or Preact
React App Rewire Preact
Use Preact with create-react-app without ejecting
Preact CLI PostCSS
It removes the default postcss config on Preact CLI, so you can use postcss.config.js
Create Preact App
Create Preact apps with no build configuration
Storybook Preact
Storybook for Preact is a UI development environment for your Preact components
Contents / Boilerplates
Official Boilerplate
Ready-to-rock Preact starter project, powered by Webpack
Preact Simple Starter
PWA Simple Starter with Preact, Preact-mdl and Webpack2
Preact Offline Starter
Webpack2 boilerplate for building SPA / PWA / offline front-end apps with Preact
TypeScript Preact Starter
Barebones starter project for Preact with TypeScript
TypeScript PWA Preact Starter
PWA Starter with TypeScript and SASS (131kb)
Electron TypeScript Preact Boilerplate
Electron starter project with TypeScript and Preact support, powered by esbuild
Preact Modern Startupper
PWA boilerplate with support for TypeScript, Goober, Unistore and Plop
Preact Redux SSR Example
Server-side Rendering with Redux Example
Preact PWA
PWA focused on raw performance, server side rendering, prerendering, redux, express, rollup
Preact Chrome Extension
A Full Feature Preact Chrome Extension Starter Kit
Preact Web Extension
⚡️ WebExtension Vite Starter Template with Preact
Preact Neutralino TypeScript Starter
Starter project for building lightweight desktop applications with Preact and neutralino.js
Simple Deno Starter
Tiny starter template with Preact and Deno for building single page applications
Contents / Routing
Preact Router
URL router for Preact
Preact Route Async
A (440b gzip) route component that enables async loading of page-components
Wouter
A tiny (1KB gzip) router for Preact/React with React Router-like API
Contents / Components
Preact Material Components
Preact wrapper for "Material Components for the web"
Preact Scroll Header
A (800b gzip) header that will show/hide while scrolling for Preact
Preact Progress
Simple and lightweight (~590 bytes gzip) progress bar component for Preact
Preact Compat
Use any React library with Preact
Preact Render To String
Universal rendering
Preact Markup
Render HTML & Custom Elements as JSX & Components
Preact Portal
Render Preact components into (a) SPACE
Preact Richtextarea
Simple HTML editor component
Preact Token Input
Text field that tokenizes input, for things like tags
Preact Virtual List
Easily render lists with millions of rows ( )
Preact Cycle
Functional-reactive paradigm for Preact
- Preact Layout
Small and simple layout library
Preact Socrates
Preact plugin for
Preact Flyd
Use FRP streams in Preact + JSX
Preact I18nline
Integrates the ecosystem around with Preact via
Preact MUI
The MUI CSS Preact library
Preact MDL
Use as Preact components
Preact Photon
Build beautiful desktop UI with
Preact Classless Component
Create preact components without the class keyword
Preact Hyperscript
Hyperscript-like syntax for creating elements
Shallow Compare
Simplified helper
Preact Codemod
Transform your React code to Preact
Preact Helmet
A document head manager for Preact
Preact Delegate
Delegate DOM events
Preact No SSR
Skip Server Side Rendering of Components
Preact Head
Standalone, declarative <Head /> for Preact
Preact Side Effect
Create components whose nested prop changes map to a global side effect
Preact Tiny Atom
Preact Integration with
Preact Level List
Live updating leveldb list component for Preact
Preact Country Picker
Country picker based on bootstrap 3 made for Preact
Preact Fluid
A minimal UI kit for Preact
Preact Feather Icons
Feather icons for Preact
Preact Animate On Change
Add CSS3 animation when properties change
Preact Async Route
Async route component for preact-router
MU Forms
Dead simple form library for (P)React
Pimg
Progressive Image Component; Used for lazy loading images
Preact Component Console
Console Emulator. Simulates typing via dynamic delays
Preact Translate
Minimalistic translate (i18n) library for Preact
Preact Dock
Simple DnD and touch-enabled Dock for Preact apps
Preact Particles
Lightweight component to easily add cool particles animations to websites
Pant
Mobile UI Components built on Preact . Ported from awesome Vue components of
Preact Transitioning
Exposes Preact components for easily implementing basic CSS animations and transitions
Preact Nominal Allocator
A numerical input element that can also manipulated with two buttons (-/+)
Tailored Components
Unstyled components and hooks for Preact & Deno
- Plotery
Fast and lightweight charting library
- Formica
Simple declarative forms for Preact
Contents / Libraries
Redux Zero
A lightweight state container based on Redux with a single store and no reducers
Unistore
350b / 650b state container with component actions for Preact & React
FPreact
Provides an alternative api for creating preact components, heavily inspired by elm
ClearX
Fast & Effortless state management for React, Preact and Inferno with zero learning curve
Preact-urql
Use with Preact core + hooks
hooked-head
Hooks to manipulate the section of the DOM. This has a subpackage with core preact support (using )
Teaful
Tiny (800B), easy and powerful (P)React state management
Nano Stores
A tiny (199 bytes) state manager with many atomic tree-shakable stores
Modular Forms
Modular, type-safe and signal based form library for Preact
exome
Simple proxy based state manager for deeply nested states
- Fastro
Fast & Modular SSR Web Framework for Deno, TypeScript, Preact & Tailwind
Contents / Testing Utils
Preact JSX Chai
JSX assertion testing
Preact Render Spy
Render Preact components with access to the produced virtual dom for testing
Preact Test Utils
Mock react-test-utils enzyme in preact
Preact Testing Library
Simple and complete Preact DOM testing utilities that encourage good testing practices
Preact Island
Render your Preact component as a widget on any web page with ease
Contents / Articles
Contents / Example Apps
Preact HN
Demonstration of Preact used to build Hacker News as a PWA
TodoMVC
TodoMVC done in Preact. Under 6kb and fast
Colors App
PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats
Tracks
PWA for tracking things in general. Gdrive Sync
Hueify
Simple controller for your Philips Hue lights
- Golazon
Football data mnmlist way
Shopping List
Progressive Web App Built Using Preact and PouchDB
Code and Comment
The application to add the comments to a file in Github ( )
- Songsterr
🎼 Using Preact X in production since 10.0 alpha
- BitMidi
🎹 Wayback machine for free MIDI files
- Ultimate Guitar
🎸speed boosted by Preact
- ESBench
is built using Preact
- Preact Gallery
an 8KB photo gallery PWA built using Preact
- Rainbow Explorer
Preact app to translate real life color to digital color
- YASCC
Yet Another SoundCloud Client
- Journalize
14k offline-capable journaling PWA using preact.
- Proxx
A game of proximity by GoogleChromeLabs using preact.
- Web Maker
An offline and blazing fast frontend playground built using Preact.
- Intergram
A live chat widget linked to your Telegram messenger built using Preact.
- GHFresh
Monitor GitHub repository releases – Prerendering with Preact. Built with Preact Compat, TypeScript, Material-UI and Redux Toolkit.
- Passwords Fountain
modern & performant password manager interface which works everywhere
- macOS Web
macOS Big Sur Desktop experience for Web, built with Preact and Vite
- Cinemate
Movie Recommender System built with Preact and TypeScript. Backend written in Rust
- Windows 11 Web
Awe-amazing Windows 11 clone for the web! ⚡
- Idea Keeper
Highly extensible and minimalistic idea keeping app
- Trellith
Tiny Trello Clone PWA ( )
- Gladys Assistant
A privacy-first, open-source home assistant
Contents / Related Libraries
Nothing in this list matches your filter.
Featured in 3 awesome lists
Each link jumps to the spot where the list mentions awesome-preact.