Hero sections
TabsButtonCardBadge

Developer tool hero

A terminal-led introduction with package-manager tabs and a copyable installation command.

Try the controls below. This is a standalone browser demo; submissions and account actions show local feedback.

Live preview

Fictional developer tool

Ship the feature.
Skip the plumbing.

A typed event pipeline for your next application. Explore an installation hero that puts the first command front and center.

TypeScript first Small API Open source
$ npm install @example/relay

// Sample package name for layout demonstration.

Svelte source

Install Sveltewind and its palette stylesheet using the installation guide, then paste this into a Svelte 5 component. The source below renders the preview above.

Loading...

More in Hero sections

Browse all examples