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.

Last Update: Oct. 20, 2021, 9:06 a.m.

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.

28.41K
1.56K
7m
MIT

Toolkits

๐Ÿ˜บ Your next Preact PWA starts in 30 seconds.

4.38K
376
8m
MIT

Native-ESM powered web dev build tool. It's fast.

12.09K
593
1y 11d
MIT

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)

5.27K
359
1y 115d
n/a

Override create-react-app webpack configs without ejecting

7.93K
366
10m
MIT

Removes default postcss config and instead will use postcss.config.js

14
3
1y 9m
MIT

Create Preact apps with no build configuration.

93
8
3y 6m
MIT

๐Ÿ““ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

58.66K
5.84K
8m
MIT

Boilerplates

Ready-to-rock Preact starter project, powered by Webpack.

959
195
2y 4m
n/a

PWA Simple Starter with Preact, Preact-mdl and Webpack2 ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ

63
9
3y 96d
n/a

Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact

383
35
2y 11m
MIT

Barebones starter project for Preact with TypeScript

49
7
1y 7m
MIT

Preact PWA template with support for TypeScript + SASS (131 Kb)

2
0
2y 38d
MIT

Minimalistic, high-powered Preact boilerplate

14
2
1y 5m
MIT

Preact Server-side Rendering with Redux Example

30
4
5y 76d
MIT

Super fast progressive web app with small footprint & minimal dependancies

507
47
4y 70d
MIT

Yet another simple boilerplate web app. Preact, Parcel, and Babel.

4
1
3y 7m
MIT

A Full Feature Preact Chrome Extension Boilerplate

16
1
7m
n/a

โšก๏ธ WebExtension Vite Starter Template with Preact

12
0
72d
MIT

Routing

URL router for Preact.

765
142
12m
MIT

Easy asynchronous loading for your router components. For 440B.

32
0
3y 54d
MIT

๐Ÿฅข A minimalist-friendly ~1.3KB routing for React and Preact. Nothing else but HOOKS.

2.87K
76
8m
n/a

Components

preact wrapper for "Material Components for the web"

534
86
1y 85d
MIT

A (800b gzip) header that will show/hide while scrolling for Preact

37
1
2y 12m
MIT

Simple and lightweight (~590 bytes gzip) progress bar component for Preact

43
5
4y 8m
MIT

A text field that tokenizes input, for things like tags.

54
2
5y 67d
MIT

Virtual List that only renders visible items. Supports millions of rows.

196
25
5y 6m
MIT

preact plugin for socrates.

15
3
5y 6m
n/a

Inspired by theadam/react-flyd

9
0
4y 9m
MIT

Keep your translations in line - with Preact!

34
2
2y 8m
MIT

A utility method to create preact components without using class keyword

41
6
1y 6m
MIT

Hyperscript-like syntax for creating Preact elements

26
1
4y 9m
MIT

Stand alone shallowCompare for use in libraries that support shouldComponentUpdate

30
4
4y 23d
MIT

Shave some bytes by using Preact.

38
5
3y 5m
MIT

A document head manager for Preact

71
7
4y 79d
MIT

Preact delegate DOM events

17
0
4y 7m
MIT

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.

7
0
4y 102d
MIT

Standalone, declarative <Head /> for Preact.

32
6
2y 118d
n/a

Create components whose nested prop changes map to a global side effect

9
2
4y 99d
MIT

Live updating leveldb list component for preact

3
7
4y 6d
n/a

flagstrap jquery plugin ported to preact

2
0
3y 11m
n/a

โœ… A minimal UI kit for Preact

161
24
2y 8m
MIT

Preact component for Feather icons

23
1
1y 9m
MIT

Animate your components on state change

13
2
2y 10m
n/a

Async route component for preact-router

131
12
2y 4m
MIT

Dead simple form library for React/Preact.

52
5
3y 7m
n/a

Mini Image Lazy Loader for P(R)eact and Vue

97
11
10m
MIT

A console emulator for preact.

28
2
3y 112d
MIT

Minimalistic translate (i18n) library for Preact

56
4
8m
MIT

A touch and drag and droppable dock for single page web applications.

5
0
1y 55d
n/a

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.

1.55K
153
8m
MIT

Mobile UI Components built on Preact. Ported from Vant.

4
2
1y 21d
n/a

Preact components for easily implementing basic CSS animations and transitions

14
2
4m
MIT

Use any React library with Preact (full example).

Render HTML & Custom Elements as JSX & Components.

Render Preact components into (a) SPACE.

Functional-reactive paradigm for Preact.

Small and simple layout library.

The MUI CSS Preact library.

Use MDL as Preact components.

Build beautiful desktop UI with photon.

Libraries

A lightweight state container based on Redux

1.95K
86
1y 68d
MIT

๐ŸŒถ 350b / 650b state container with component actions for Preact & React

2.81K
165
7m
n/a

fpreact provides an alternative api for creating preact components, heavily inspired by elm.

47
5
4y 6d
MIT

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.

6
0
1y 7m
Apache-2.0

The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.

5.52K
229
8m
MIT

Hooks to populate the html head.

241
7
10m
MIT

Testing Utils

Render preact components with access to the produced virtual dom for testing.

179
26
3y 5m
ISC

Mock react-test-utils method enzyme used for preact.

7
3
2y 8m
MIT

Simple and complete Preact DOM testing utilities that encourage good testing practices.

97
16
9m
MIT

JSX assertion testing (no DOM, right in Node).

Articles

Example Apps

Demonstration of Preact used to build Hacker News as a PWA.

299
30
3y 9m
MIT

๐Ÿ’ฃ TodoMVC done in Preact. Under 6kb and fast.

87
30
2y 7m
n/a

A PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats.

91
16
4y 87d
MIT

Tracks! Opensource PWA for tracking things

13
1
4y 8m
n/a

๐Ÿ’กSimple controller for your Philips Hue lights, based on web technologies.

89
12
3y 5m
MIT

Football data mnmlist way. Built with Next.js and Ruby.

27
4
8m
ISC

Shopping List is an Offline First demo Progressive Web App built using Preact and PouchDB.

18
3
3y 82d
Apache-2.0

PWA to add comment to Github file.

17
1
1y 5m
MIT

Using Preact X in production since 10.0 alpha

Wayback machine for free MIDI files (GitHub Project)

is built using Preact.

an 8KB photo gallery PWA built using Preact.

Preact app to translate real life color to digital color (Github project).

14k offline-capable journaling PWA using preact. (Github project).

A game of proximity by GoogleChromeLabs 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.

163.98K
32.84K
8m
MIT

An extremely fast, React-like JavaScript library for building modern user interfaces

14.7K
660
8m
MIT

๐Ÿฐ Rax is a progressive React framework for building universal application. https://rax.js.org

7.08K
608
8m
n/a