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: March 1, 2021, 6:01 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
4d
MIT

Toolkits

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

4.38K
376
22d
MIT

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

12.09K
593
4m
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
8m
n/a

Override create-react-app webpack configs without ejecting

7.93K
366
79d
MIT

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

14
3
1y 62d
MIT

Create Preact apps with no build configuration.

93
8
2y 10m
MIT

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

58.66K
5.84K
9d
MIT

Boilerplates

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

959
195
1y 9m
n/a

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

63
9
2y 7m
n/a

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

383
35
2y 99d
MIT

Barebones starter project for Preact with TypeScript

49
7
11m
MIT

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

2
0
1y 5m
MIT

Preact Server-side Rendering with Redux Example

30
4
4y 6m
MIT

Super fast progressive web app with small footprint & minimal dependancies

507
47
3y 6m
MIT

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

4
1
2y 11m
MIT

Routing

URL router for Preact.

765
142
4m
MIT

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

32
0
2y 6m
MIT

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

2.87K
76
16d
n/a

Components

preact wrapper for "Material Components for the web"

534
86
7m
MIT

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

37
1
2y 4m
MIT

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

43
5
4y 15d
MIT

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

54
2
4y 6m
MIT

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

196
25
4y 10m
MIT

preact plugin for socrates.

15
3
4y 11m
n/a

Inspired by theadam/react-flyd

9
0
4y 47d
MIT

Keep your translations in line - with Preact!

34
2
2y 33d
MIT

A utility method to create preact components without using class keyword

41
6
10m
MIT

Hyperscript-like syntax for creating Preact elements

26
1
4y 43d
MIT

Stand alone shallowCompare for use in libraries that support shouldComponentUpdate

30
4
3y 5m
MIT

Shave some bytes by using Preact.

38
5
2y 10m
MIT

A document head manager for Preact

71
7
3y 7m
MIT

Preact delegate DOM events

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

Standalone, declarative <Head /> for Preact.

32
6
1y 8m
n/a

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

9
2
3y 7m
MIT

Live updating leveldb list component for preact

3
7
3y 4m
n/a

flagstrap jquery plugin ported to preact

2
0
3y 110d
n/a

โœ… A minimal UI kit for Preact

161
24
2y 11d
MIT

Preact component for Feather icons

23
1
1y 53d
MIT

Animate your components on state change

13
2
2y 88d
n/a

Async route component for preact-router

131
12
1y 8m
MIT

Dead simple form library for React/Preact.

52
5
2y 11m
n/a

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

97
11
80d
MIT

A console emulator for preact.

28
2
2y 8m
MIT

Minimalistic translate (i18n) library for Preact

56
4
14d
MIT

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

5
0
6m
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
8d
MIT

Mobile UI Components built on Preact. Ported from Vant.

4
2
5m
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.95K
86
6m
MIT

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

47
5
3y 4m
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
11m
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
17d
MIT

Hooks to populate the html head.

241
7
67d
MIT

Testing Utils

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

179
26
2y 9m
ISC

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

7
3
2y 36d
MIT

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

97
16
40d
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 50d
MIT

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

87
30
1y 11m
n/a

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

91
16
3y 7m
MIT

Tracks! Opensource PWA for tracking things

13
1
4y 9d
n/a

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

89
12
2y 9m
MIT

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

27
4
36d
ISC

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

18
3
2y 7m
Apache-2.0

PWA to add comment to Github file.

17
1
9m
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
11d
MIT

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

14.7K
660
15d
MIT

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

7.08K
608
35d
n/a