User Experience on mobile might not be great yet, but
I'm working on it.
Your first time on this page? Allow me to give some explanations.
Awesome Preact
A curated list of amazingly awesome things regarding Preact ecosystem
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you preactjs & contributors
View Topic on GitHub:
preactjs/awesome-preact
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
Contents
Community
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Toolkits
😺 Your next Preact PWA starts in 30 seconds.
Native-ESM powered web dev build tool. It's fast.
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
Override create-react-app webpack configs without ejecting
Removes default postcss config and instead will use postcss.config.js
Create Preact apps with no build configuration.
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Boilerplates
Ready-to-rock Preact starter project, powered by Webpack.
PWA Simple Starter with Preact, Preact-mdl and Webpack2 🔥🔥🔥
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Barebones starter project for Preact with TypeScript
Preact PWA template with support for TypeScript + SASS (131 Kb)
Minimalistic, high-powered Preact boilerplate
Preact Server-side Rendering with Redux Example
Super fast progressive web app with small footprint & minimal dependancies
Yet another simple boilerplate web app. Preact, Parcel, and Babel.
A Full Feature Preact Chrome Extension Boilerplate
⚡️ WebExtension Vite Starter Template with Preact
Routing
URL router for Preact.
Easy asynchronous loading for your router components. For 440B.
🥢 A minimalist-friendly ~1.3KB routing for React and Preact. Nothing else but HOOKS.
Components
preact wrapper for "Material Components for the web"
A (800b gzip) header that will show/hide while scrolling for Preact
Simple and lightweight (~590 bytes gzip) progress bar component for Preact
A text field that tokenizes input, for things like tags.
Virtual List that only renders visible items. Supports millions of rows.
preact plugin for socrates.
Inspired by theadam/react-flyd
Keep your translations in line - with Preact!
A utility method to create preact components without using class keyword
Hyperscript-like syntax for creating Preact elements
Stand alone shallowCompare for use in libraries that support shouldComponentUpdate
Shave some bytes by using Preact.
A document head manager for Preact
Preact delegate DOM events
A Preact component for skipping server side rendering (SSR) of components. This component helps render components on the server that make sense to be rendered above the fold or that only makes sense to render on client.
Standalone, declarative <Head /> for Preact.
Create components whose nested prop changes map to a global side effect
Live updating leveldb list component for preact
flagstrap jquery plugin ported to preact
✅ A minimal UI kit for Preact
Preact component for Feather icons
Animate your components on state change
Async route component for preact-router
Dead simple form library for React/Preact.
Mini Image Lazy Loader for P(R)eact and Vue
A console emulator for preact.
Minimalistic translate (i18n) library for Preact
A touch and drag and droppable dock for single page web applications.
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
Mobile UI Components built on Preact. Ported from Vant.
Preact components for easily implementing basic CSS animations and transitions
Libraries
A lightweight state container based on Redux
🌶 350b / 650b state container with component actions for Preact & React
fpreact provides an alternative api for creating preact components, heavily inspired by elm.
ClearX is an alternative way to Redux and MobX to maintain the application state and provides a simple interface to bind it to UI components.
The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.
Hooks to populate the html head.
Testing Utils
Render preact components with access to the produced virtual dom for testing.
Mock react-test-utils method enzyme used for preact.
Simple and complete Preact DOM testing utilities that encourage good testing practices.
Articles
Example Apps
Demonstration of Preact used to build Hacker News as a PWA.
💣 TodoMVC done in Preact. Under 6kb and fast.
A PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats.
Tracks! Opensource PWA for tracking things
💡Simple controller for your Philips Hue lights, based on web technologies.
Football data mnmlist way. Built with Next.js and Ruby.
Shopping List is an Offline First demo Progressive Web App built using Preact and PouchDB.
PWA to add comment to Github file.
Preact app to translate real life color to digital color (Github project).
14k offline-capable journaling PWA using preact. (Github project).
An offline and blazing fast frontend playground built using Preact. (Github project).
A live chat widget linked to your Telegram messenger built using Preact. (Github project).
Monitor GitHub repository releases – Prerendering with Preact. Built with Preact Compat, TypeScript, Material-UI and Redux Toolkit. (GitHub Project).
modern & performant password manager interface which works everywhere (Github project).
Related Libraries
A declarative, efficient, and flexible JavaScript library for building user interfaces.
An extremely fast, React-like JavaScript library for building modern user interfaces
🐰 Rax is a progressive React framework for building universal application. https://rax.js.org