preact-components: server-rendered Preact and Tailwind components
A Preact port of Eirene's design system: components, design tokens, icons, charts and signals helpers in ten packages. Every module is a standard ES module that renders to HTML on the server and hydrates in the browser, with keyboard handling and focus written by hand. The tests and the build run on Deno.
The design system, the component styling and the original markup are by Eirene. Eirene on GitHub · isorokina.com
Live proof
Every component runs in the live UI guide, with its code beside it.
Install
deno add jsr:@spy4x/[email protected]Not yet available: 0.1.0 is being published to JSR now.
10 packages, each installed on its own:
@spy4x/preact-cn@spy4x/preact-icons@spy4x/preact-signals@spy4x/preact-theme@spy4x/preact-charts@spy4x/preact-system@spy4x/preact-ui@spy4x/preact-crud@spy4x/preact-map@spy4x/preact-ui-guide
Use it if
- You build a Preact app with Tailwind and want components that render on the server and hydrate in the browser.
- You want charts rendered as SVG on the server.
- You want to see every component running, with its code, in a live guide before you pick it.
Don't use it if
- Your app is React: these are Preact components.
- You need an API that will not change: it is before 1.0.
- You do not use Tailwind: every component renders Tailwind classes.
How it fits with my other repos
What next
Star it or open an issue.
spy4x/preact-components on GitHubNeed something like this for your team? That's my day job.
Services