Small components
for big ideas.

Community-built Rocket components for the Datastar ecosystem. Copy, use, remix, and launch something great.

Browse Components Contribute

Community Components

A collection of reusable components built by the Datastar community.

Sort by

Nebula
A drifting WebGL nebula in dithered pixels. Speed, density and palette are attributes.
mbolli 2.9 kB2
4,681
Count Up
Counts a number up to its value when it scrolls into view.
zweiundeins 894 B1
Ringed planets only.Apply

Drawer
A panel that slides in from an edge, for navigation, filters or an edit form.
zweiundeins 2.1 kB1
Are you ready to launch?CancelLaunch
Modal
Accessible modal dialogs for any use case.
zweiundeins 1.6 kB1
QR Code
Pixel-perfect QR codes for any text or URL, with optional brand-coloured corners.
zweiundeins 4.4 kB1
22 Sep 2026
Relative Time
"3 minutes ago" that stays current, in any language, with a server fallback.
zweiundeins 1.6 kB1
Starfield
A warp-speed pixel starfield. Speed, density and colour are attributes.
zweiundeins 1.5 kB1
Theme Switch
Auto, dark or light (or your own themes), remembered in a cookie, with no flash.
zweiundeins 2.9 kB1
Your component is live.
Alert
Contextual feedback messages for your app.
zweiundeins 1.4 kB0
loaded on demand
Autoloader
Loads any web component the first time its tag appears, morphs included.
zweiundeins 1.0 kB0
Thrust

Fuel

Crew

Bento Workspace
Move and resize tiles on CSS grids by pointer or keyboard. The server places them.
derekr 6.5 kB0
Busy
Spinner, bar or skeleton that follows Datastar's in-flight requests.
zweiundeins 2.5 kB0
Blast off
Button
A versatile button component with Datastar interactions.
zweiundeins 1.7 kB0
Card
Flexible container for content and actions.
zweiundeins 1.2 kB0
Checkbox
A pixel checkbox with a label, a mixed state and the command contract.
zweiundeins 1.8 kB0
Shields Sensors Cloak
Checkbox Group
Several choices with pixel checkboxes, one array value and an optional select-all.
zweiundeins 2.9 kB0
Code Editor
A light code field with pixel-theme highlighting, smart tabs and line numbers.
zweiundeins 10.7 kB0
- 🪐 Earth
- 🪐 Mars
Context Menu
A menu of actions for the thing it opens on, by right click or a button.
derekr 4.0 kB0
go run .

Copy Button
One-click copy to clipboard with a friendly confirmation.
zweiundeins 2.7 kB0
Data Table
A table whose server sends only the rows in view, sorts them, and keeps the selection.
zweiundeins 11.5 kB0
Date Picker
A date field with a calendar, for one date or a range, in the reader's language.
zweiundeins 9.5 kB0
Burn 4.2 s at T+38, then coast to the transfer orbit.
Details
A disclosure panel that animates open, alone or as an exclusive accordion.
zweiundeins 1.9 kB0
🪐 Earth

🪨 Ceres

🪨 Pluto

Drag Group
Move items within and between lists by dragging or with Alt and the arrow keys.
derekr 4.7 kB0
Dropdown
An actions menu with submenus, commands to post and a current choice.
zweiundeins 6.5 kB0
ECharts
Apache ECharts driven by server-sent options, in the page's theme and language.
zweiundeins 302.9 kB0
Gauge
A pixel dial whose needle springs to its value, with warning zones.
zweiundeins 2.4 kB0
Image Compare
Two images on top of each other, with a divider to drag between before and after.
zweiundeins 3.6 kB0
🪐 Earth 🪐 Mars

Inline Edit
Rename a title in place with a double press. The page renders the field, the server saves.
derekr 1.0 kB0
Input
Styled input with built-in reactivity and validation.
zweiundeins 2.1 kB0
Mars
Io

Moon

Kanban Board
Lanes of cards to drag, or to move with Alt and the arrows. The server applies each move.
derekr 8.8 kB0
Meter
A segmented pixel bar for levels and resources.
zweiundeins 1.2 kB0
221180.4

Odometer
A number that rolls its digit wheels to each new value, like a car's odometer.
zweiundeins 1.5 kB0
Pixel Board
A paintable pixel canvas, made for multiplayer: the server owns the cells.
zweiundeins 2.7 kB0
Burn 4.2 s at T+38, then coast to the transfer orbit.
Popover
A floating panel anchored to a trigger, as a click dialog or a hover card.
zweiundeins 3.8 kB0
Impulse Warp
Radio Group
A grouped single choice with pixel radios and one value.
zweiundeins 2.8 kB0
Range
A two-thumb pixel slider for a start and an end, committed as one value.
zweiundeins 2.3 kB0
Rating
Pixel hearts or stars for a score, with half steps, hover preview and keys.
zweiundeins 2.2 kB0
Select
A select that can filter, pick several, or autocomplete from the server.
zweiundeins 5.4 kB0
Slider
A pixel range control that steers anything through signals.
zweiundeins 1.9 kB0
Drag a planet, or focus it and press the arrow keys while you hold Alt.

🪐 Earth

🪐 Mars

🪐 Venus

Sortable List
Reorder a list by dragging or with Alt and the arrow keys. The server applies each move.
derekr 4.5 kB0
🪐 Earth

🌑 Moon

🪐 Mars

🌑 Phobos

Sortable Tree
Move files and folders by dragging or with Alt and the arrow keys. The server applies it.
derekr 5.2 kB0
Sparkline
A tiny stepped pixel chart that grows with every pushed value.
zweiundeins 1.8 kB0
LaunchT+0: lift-off.OrbitBurn complete.LandingTranquility.
Table of Contents
The sections of a long page, the one being read marked, with reading progress.
zweiundeins 4.3 kB0
Tabs
Organize content with style.
zweiundeins 1.8 kB0
Toast
A toast region the server fills, stacks and announces.
zweiundeins 3.4 kB0
Toggle
A switch component with smooth Datastar interactions.
zweiundeins 1.5 kB0
Tooltip
Helpful hints, right where you need them.
zweiundeins 1.0 kB0
- Sol 3
  - Venus
  - Earth 1
    Moon
  - Mars
Tree
A keyboard-friendly tree of links or items from the server's lists, with lazy branches.
zweiundeins 4.1 kB0
ignition
Typewriter
Types its text out behind a blinking cursor, or cycles through phrases.
zweiundeins 1.9 kB0
Mornis · K3V
Gararin · G0V
Nebanox · M4IV
Dabalis · G3IV

Virtual Scroll
A list of any length that holds only the rows in view, rendered by the server.
zweiundeins 2.7 kB0
Voxel
A tiny 3D voxel renderer you steer with signals. No WebGL.
zweiundeins 3.2 kB0

Small componentsfor big ideas.

Small components
for big ideas.