Libraries & Add-ons
A collection of modules built to work wonderfully with Preact.
π Built one of your own? Add it!
Add-Ons
- π **preact-cycle**: Functional-reactive paradigm for Preact
- π **preact-render-to-string**: Universal rendering.
- β² **relaks**: Create components with render methods that return asynchronously.
- π© **express-preact-views**: Express View Engine.
- πΎ **Prefresh**: Fast-Refresh for Preact.
- π **adonis-preact**: Use Preact in Adonisjs
Components
- π **preact-router**: URL routing for your components
- π **preact-markup**: Render HTML & Custom Elements as JSX & Components
- π° **preact-portal**: Render Preact components into (a) SPACE π
- π **preact-richtextarea**: Simple HTML editor component
- π **preact-token-input**: Text field that tokenizes input, for things like tags
- π **preact-virtual-list**: Easily render lists with millions of rows (demo)
- π **preact-layout**: Small and simple layout library
- π· **preact-helmet**: A document head manager for Preact
- β **preact-custom-scrollbars**: Fully customizable scrollbars, for frictionless native browser scrolling
- 𧱠**@modular-forms/preact**: Modular and type-safe form library
Integrations
- π **preact-socrates**: Preact plugin for Socrates
- π£ **preact-flyd**: Use flyd FRP streams in Preact + JSX
- π¬ **preact-i18nline**: Integrates the ecosystem around i18n-js with Preact via i18nline.
- π **Capacitor**: Turn your Preact app into a Native iOS/Android App and PWA.
- :ice_cube: **Kretes**: Build full-stack TypeScript apps using Preact and Node.js
- π: **preact-island**: Run your Preact widget on any website with reactive props.
GUI Toolkits
- π΄ **@mui/material**: the React UI library you always wanted. Follow your own design system, or start with Material Design.
- π **preact-material-components**: Material Components for the Web (supersedes MDL)
- π³ **preact-mdl**: Use MDL as Preact components
- π **preact-photon**: build beautiful desktop UI with photon
- π§ **preact-weui**: Weui for Preact
- π **preact-fluid**: Fluid minimal UI kit for Preact
- π **storybook-preact**: Storybook for Preact is a UI development environment for your Preact components
Testing
- π¬ **preact-jsx-chai**: JSX assertion testing (no DOM, right in Node)
- β **unexpected-preact**: JSX assertions, events, snapshots in Jest (DOM, works under Node jsdom or out-of-the-box in Jest) - docs
Utilities
- π© **preact-classless-component**: create preact components without the class keyword
- π¨ **preact-hyperscript**: Hyperscript-like syntax for creating elements
- β
**shallow-compare**: simplified
shouldComponentUpdatehelper. - πΆ **@deepsignal/preact**: Extension of
@preact/signalsfor full state management