| title | Demos & Examples |
|---|---|
| description | Collection of demos and example Preact applications |
This pages lists a bunch of demos and examples you can use to learn Preact.
💁 Built one of your own? Add it!
Preact Website (preactjs.com)
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
Nectarine.rocks 🍑
Open-Source peach.cool 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
Documentation Viewer
View documentation.js output online.
GitHub Project
TodoMVC
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
- Flickr Browser (@ CodePen)
- Animating Text (@ CodePen)
- 60FPS Rainbow Spiral (@ CodePen)
- Simple Clock (@ JSFiddle)
- 3D + ThreeJS (@ CodePen)
- Endless Horse (@ CodePen)