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: Dec. 1, 2020, 12:10 p.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.

27.64K
1.52K
6d
MIT

Toolkits

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

4.32K
363
19d
MIT

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

12.09K
593
53d
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.21K
359
5m
n/a

Override create-react-app webpack configs without ejecting

7.53K
350
7m
MIT

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

14
3
11m
MIT

Create Preact apps with no build configuration.

92
8
2y 7m
MIT

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

55.23K
5.58K
4d
MIT

Boilerplates

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

952
197
1y 6m
n/a

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

63
9
2y 4m
n/a

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

383
34
2y 9d
MIT

Barebones starter project for Preact with TypeScript

47
7
8m
MIT

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

2
0
1y 80d
MIT

Preact Server-side Rendering with Redux Example

30
3
4y 118d
MIT

Super fast progressive web app with small footprint & minimal dependancies

506
47
3y 112d
MIT

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

4
1
2y 8m
MIT

Routing

URL router for Preact.

740
140
37d
MIT

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

31
0
2y 96d
MIT

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

2.65K
70
7d
n/a

Components

preact wrapper for "Material Components for the web"

533
87
4m
MIT

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

37
1
2y 38d
MIT

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

42
5
3y 9m
MIT

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

52
2
4y 109d
MIT

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

196
25
4y 7m
MIT

preact plugin for socrates.

15
3
4y 8m
n/a

Inspired by theadam/react-flyd

9
0
3y 10m
MIT

Keep your translations in line - with Preact!

34
4
1y 10m
MIT

A utility method to create preact components without using class keyword

41
6
7m
MIT

Hyperscript-like syntax for creating Preact elements

24
1
3y 10m
MIT

Stand alone shallowCompare for use in libraries that support shouldComponentUpdate

30
4
3y 65d
MIT

Shave some bytes by using Preact.

38
5
2y 7m
MIT

A document head manager for Preact

71
7
3y 4m
MIT

Preact delegate DOM events

17
0
3y 9m
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
3y 4m
MIT

Standalone, declarative for Preact.

31
5
1y 5m
n/a

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

9
2
3y 4m
MIT

Live updating leveldb list component for preact

3
7
3y 48d
n/a

flagstrap jquery plugin ported to preact

2
0
3y 20d
n/a

โœ… A minimal UI kit for Preact

161
24
1y 9m
MIT

Preact component for Feather icons

23
2
10m
MIT

Animate your components on state change

13
2
1y 12m
n/a

Async route component for preact-router

129
12
1y 5m
MIT

Dead simple form library for React/Preact.

52
5
2y 8m
n/a

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

97
11
87d
MIT

A console emulator for preact.

28
2
2y 5m
MIT

Minimalistic translate (i18n) library for Preact

55
4
8d
MIT

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

5
0
97d
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.34K
136
14d
MIT

Mobile UI Components built on Preact. Ported from Vant.

4
2
63d
n/a

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.94K
85
110d
MIT

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

47
5
3y 48d
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.

5
0
8m
Apache-2.0

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

5.26K
219
2d
MIT

Hooks to populate the html head.

172
6
10d
MIT

Testing Utils

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

180
26
2y 6m
ISC

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

7
3
1y 10m
MIT

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

94
16
82d
MIT

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

Articles

Example Apps

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

298
30
2y 10m
MIT

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

87
31
1y 8m
n/a

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

91
16
3y 4m
MIT

Tracks! Opensource PWA for tracking things

13
1
3y 9m
n/a

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

86
11
2y 6m
MIT

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

25
4
14d
ISC

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

18
3
2y 4m
Apache-2.0

PWA to add comment to Github file.

17
1
6m
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.

159.76K
31.73K
11d
MIT

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

14.58K
663
17d
MIT

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

6.9K
605
36d
n/a