Support Us

Demos & Examples

This pages lists a bunch of demos and examples you can use to learn Preact.

๐Ÿ’ Built one of your own? Add it!

Full Apps

Preact Website (
Of course this website is built with Preact.
Github Project

ESBench โฐ
Built with Preact & Material Design Lite.

GuriVR ๐Ÿ‘“ Natural language based Web VR story creator.
Github Project

BigWebQuiz ๐ŸŽฒ
The audience participation Progressive Web App from Chrome Dev Summit 2016! Github Project ๐Ÿ‘
Open-Source app.
Github Project

Web Maker โšก Blazing fast & offline frontend playground. Github Project

BitMidi ๐ŸŽน Wayback machine for free MIDI files Github Project

BBC Roasting Calculator ๐Ÿฆƒ Calculates cooking times for different cuts of meat.

Dropfox ๐Ÿบ
Desktop app for Dropbox, built with Preact, Electron and Photon.

Embed Hacker News ๐Ÿ˜š Embed Hacker News comment tree below your blog article.

Connectivity Index ๐Ÿ“ฑ
A site that allows you to search through Akamai State of the Internet Connectivity Report data by country.

Drag & Drop file upload (webpack 2) ๐Ÿš€ Desktop App for uploading assets to Contentful (API based CMS) Github Project

Exchange Widget ๐Ÿ’ฑ The currency exchange widget inspired by a popular mobile app implemented using Preact, Meiosis, HTML tagged templates and native ES modules. Github Project

Blaze โšก
Modern peer-to-peer file sharing Progressive Web App.
Github Project

1tuner ๐Ÿ“ป
Listen to radio and podcasts.
Github Project

ColoGuessr ๐ŸŒˆ Test how well you know your colors Github Project

Full Demos & Examples

Documentation Viewer
View documentation.js output online.
Github Project

Unofficial fastest TodoMVC implementation.
Github Project

TodoMVC+PouchDB ๐Ÿ’พ
Offline Sync TodoMVC with PouchDB. Github Project

Hacker News Minimal ๐Ÿ“ฐ
Tiny hacker news client.
Github Project

Preact Boilerplate โšก
2 command starter project. Preact + Webpack + LESS + CSS Modules.
Github Project

Preact Offline Starter ๐Ÿ’ฏ
Simplified Webpack2 starter for Progressive Web Apps, with offline support.
Github Project

Preact Redux Example ๐Ÿ”
Preact + Redux example project, implementing a simple To-Do list.
Github Project

Preact Without Babel ๐Ÿด
How to use Preact entirely without Babel, ES2015 or JSX.

preact-minimal ๐Ÿš€
Minimal Preact structure with all the necessary tools to start your project right away.

preact-typescript-webpack4-less Another one minimal set with Preact, Typescript and Webpack 4.

Preact Homepage Generator ๐ŸŒ
Quickly spin up a new personal webpage by only needing to modify JSON data. Github Project

Parcel + Preact + Unistore Starter Starter pack for lightning-fast prototyping and small/medium size project structure

buildless-preact-starter ๐Ÿš€ A starter/template for using Preact in buildless environments



โšก JSFiddle Template

โšก CodePen Template

Built by a bunch of lovely people .