Demos & Examples
Demos & Examples
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?
Preact Website (preactjs.com)
Of course this website is built with Preact.
Built with Preact & Material Design Lite.
Natural language based Web VR story creator.
The audience participation Progressive Web App from Chrome Dev Summit 2016!
Open-Source peach.cool app.
Web Maker ⚡️
Blazing fast & offline frontend playground.
Wayback machine for free MIDI files
BBC Roasting Calculator 🦃
Calculates cooking times for different cuts of meat.
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)
Code and Comment 📝
An application for adding comments to any file on Github.
Exchange Widget 💱
The currency exchange widget inspired by a popular mobile app implemented using Preact, Meiosis, HTML tagged templates and native ES modules.
Full Demos & Examples
View documentation.js output online.
Unofficial fastest TodoMVC implementation.
Offline Sync TodoMVC with PouchDB.
Hacker News Minimal 📰
Tiny hacker news client.
Preact Boilerplate ⚡️
2 command starter project. Preact + Webpack + LESS + CSS Modules.
Preact Offline Starter 💯
Simplified Webpack2 starter for Progressive Web Apps, with offline support.
Preact Redux Example 🔁
Preact + Redux example project, implementing a simple To-Do list.
Preact Without Babel 🐴
How to use Preact entirely without Babel, ES2015 or JSX.
Minimal Preact structure with all the necessary tools to start your project right away.
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.
Parcel + Preact + Unistore Starter
Starter pack for lightning-fast prototyping and small/medium size project structure
⚡️ JSFiddle Template
⚡️ CodePen Template