Skip to content
Docs
June 2026

June 2026

Stacked Sections, widget glance polish, Card Spread, Collab Card, Card Stack API trim, and catalog cleanup.

Added Stacked Sections for pinned chapter scroll stories. Wave 1 widgets got Apple-style type hierarchy and props-driven demos. Card Spread was rebuilt for deck, peek, and throw-on-click motion. Card Stack was trimmed to bare-bones stack mechanics with profile UI moved to the Storybook demo. Four oversized widgets left the public catalog, and the internal widget standards doc was removed from contributing.

New components

Improved components

Reminder

Glance typography, toggleable rows, and theme tokens — use on home-screen–style boards where quick task completion matters.

Weather Card

Props for city, conditions, and highs/lows with a compact square layout for dashboards and marketing bentos.

Water Tracker

Configurable goal and fill level with clearer hierarchy for health and habit apps.

VPN Widget

Sliding connect control with labeled states — fits security or connectivity glance tiles.

Delivery Card

Transit progress, arrival time, and location in a dark tile suited to order-tracking UIs.

Alarm Clock

Toggleable alarms with schedule labels — for clock or morning-routine widget grids.

Calendar Event

Dot-and-chip event rows with default data — drop into calendar or agenda previews.

Music Widget

Track list, cover art, and transport controls for media player mockups.

Shopping List

Interactive checkboxes and configurable items — grocery or errand list tiles.

Notes

Line-based note content with the yellow sticky treatment — quick memo widgets.

Fund Widget

Chart scaled into the square size-52 shell for finance glance layouts.

Calorie Counter

Tall donut summary with flex layout instead of absolute positioning — nutrition dashboards.

Card Spread

Stacked deck with a subtle hover peek and click-to-spread throw easing. Spread positions come from a four-column grid with stack offsets applied via transform on every breakpoint; fixed a Safari jitter bug caused by animating stage width alongside card transforms.

Collab Card

Bento-sized multiplayer feature card with live presence, a Figma-style selection frame, and animated teammate cursors — reskin with props for Notion, Plane, or your own co-editing story.

Card Stack

Trimmed the component to bare-bones stack mechanics (CardStack, Viewport, List, Card, Trigger). Profile card UI — masks, header, media, metrics — moved to the Storybook demo composition. Added full on Trigger for click-anywhere overlay vs discrete button.

Documentation

Added a Resources page at /resources — 26 curated design galleries with grateful, first-person copy and OG previews, linked from the footer only. Redesigned the site footer with structured columns, social links, and a resources callout.

Unpublished Calendar Widget, Music Stack Interaction, Team Clock, and Video Chat from the docs and shadcn registry so the widget overview lists only glance-sized tiles. Removed the internal widget catalog standards page from contributing. Added useIsMobile for responsive docs and demo behavior. Widget overview now tracks published entries only and places Fund Widget in the square section.

Split the Skeleton category into six dedicated docs pages (Receipt, List, Wide Card, Cookie Banner, Code, Report) so the category appears on /components and each placeholder has its own preview, install steps, and usage notes.