Neon follow
A glowing follower alert with a pulsing ring and the viewer name.
Featured.Widgets
Overlay widgets on show: live preview frames, widget and set cards, the detail stage, versions, a settings panel drawn from the widget, and an event simulator.
01WidgetFrame
WidgetFrame
The chrome around a sandboxed widget: the widget at its real size, scaled into a box of the same shape, on a backdrop, with a placeholder for each stage of loading. The consumer mounts the widget into the frame (the catalog shows a static mock, since it cannot run the widget runtime).
Backdrops and states The iframe inside is pinned to color-scheme: light, so a dark page can't paint a transparent widget opaque.
Shapes Any real size; the box keeps its shape and the widget scales to fit.
02WidgetSettings
WidgetSettings
The “Try the settings” panel: a widget's own fields as live controls, built on SchemaForm. Ranged numbers get sliders, short choices are segmented, fonts are a menu, theme-referencing colours show resolved, and a Reset empties the visitor's changes. Fields that need the app are listed under In CroStream.
From a widget's fields Change something and the values below move at once; Reset returns to the defaults.
{}03EventSimulator
EventSimulator
The Simulate bar over a widget preview: chat and timer toggles, an event picker with Random, counter, stream and other fire buttons, and Reset. It draws controls and reports presses; the consumer makes the data. Only the families a widget reads are shown.
All families Everything is disabled while the preview isn't running.
Simulate
0 / 50
Counter widget only
Simulate
12 / 100
04WidgetCard
WidgetCard
A widget in a grid: a 16:9 live preview, the name as the only link (its hit area covers the card), the blurb and the facts that matter when choosing. Built on ItemCard, so the star is a real button above the link. Hovering or focusing the card asks the preview to play its alert once.
In a grid WidgetGrid keeps cards between 16 and 19rem wide and never overflows. The preview snippet takes a WidgetFrame in real use.
Hover or focus a card: it plays its alert once, then waits six seconds.
Grouped A heading with a count makes the grid a labelled section (the set page groups by category).
WidgetByline The detail page's meta row: category, author and tags that open the filtered list. Tags are Chips with an href.
#link #static
05SetCard
SetCard
A matching set: its name in its own accent, how many widgets, the categories it spans and a few members. The accent is data (each set chooses one), so it comes in as a prop and reaches the card as a custom property. SetShelf lays cards out as a grid on wide shelves and a swipeable row on narrow ones; WidgetSection frames a set's members on the detail page.
SetShelf At most three across. Narrow the window (or use ?width=420) and it becomes a swipe row with snap points.
WidgetSection with an accent “Part of the Neon set”: the accent draws an edge down the left; the link goes to the whole set.
WidgetSection plain Without an accent it is a titled block, like “More like this”.
06WidgetStage
WidgetStage
The detail page's stage: a toolbar (play controls at the start; backdrop and stream view at the end), the preview on a backdrop, and a side panel for settings that drops underneath on narrow stages. The preview is mounted once, so it keeps running when the view or backdrop changes. Stream view shows the widget at its true share of a 1920 wide canvas that you can drag or nudge with the arrow keys.
With a settings panel The backdrop picker is a Select under 44rem of stage width and the panel stacks under 60rem. Toggle Stream view, then drag the widget or focus it and use the arrows.
No panel, no controls A stage with nothing to play still carries the backdrop picker; stream view can be turned off.
Stream view on Opened in stream view: the board is 16:9 on the chosen backdrop.
07VersionList
VersionList
A widget's releases: version, a latest badge, the publish date and the one being viewed marked. The checksum of the viewed release sits underneath with a copy button. With an href function each version is a link instead of a button. DetailColumns sets Details and Versions side by side and stacks them when narrow.
08Browse filters
Browse filters
The gallery's filter rows from existing parts. FilterBar carries search, the count and the sort; with sortDirection off its sort is a plain list of orderings. ChipFilter is a row of toggle chips for one value (categories with counts, popular tags) and FilterSelect a Select that can go back to “any”.
Categories, search, selects, sort, tags Click a chip again to clear it. Empty categories are hidden. The sort has no direction toggle.
cat=· tag=· event=· shape=· sort=featured