Demos & Examples

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

Full Apps

ESBench
Built with Preact & Material Design Lite.

Nectarine.rocks 🍑
Open-Source peach.cool app.
Github Project

Play.cash 🎶
Music lovers, rejoice. Fast, mobile-first music player in the browser.

Full Demos & Examples

Documentation Viewer
View documentation.js output online.
Github Project

TodoMVC
Unofficial fastest TodoMVC implementation.
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 Without Babel 🐴
How to use Preact entirely without Babel, ES2015 or JSX.

Codepens

• Flickr Browser (@ CodePen)
• Animating Text (@ CodePen)
• 60FPS Rainbow Spiral (@ CodePen)
• Simple Clock (@ JSFiddle)
• 3D + ThreeJS (@ CodePen)

Templates

This is a wiki. If you create something interesting, make sure to add it!

⚡ JSFiddle Template

⚡ CodePen Template