New Blocks and Components: September 2026

Explore 75 new blocks and components added to Starwind Pro.

Summary

Components

• Media Annotation 1 - Accessible Hotspots
• Terminal Playback
• Background: 12 components
• Button: 30 components
• Shaders: 5 components

Blocks

• 404: 10 blocks
• Case Study: 2 blocks
• Comparison: 3 blocks
• Navigation: 2 blocks
• Press Awards: 3 blocks
• Pricing: 3 blocks
• Product Tour: 3 blocks

Media Annotation 1 - Accessible Hotspots

An annotation layer for product imagery and interface previews, with numbered buttons, responsive popover details, and activation feedback.

Terminal Playback

Compose terminal commands and output with timed playback or static display. Includes copy controls and step-change events.

Background

12 new components.

• Aurora Veil: A soft animated aurora background with drifting color veils, subtle glints, and controls for motion, scale, brightness, and palette.
• Corner Beams: A clean light-beam background that draws attention toward the center, with adjustable beam count, brightness, motion, and colors.
• Dithered Glow: A dotted glow background with soft bloom, interactive pointer highlights, and controls for dot size, motion, brightness, and palette.
• Glass Aurora: A glassy top-origin aurora shader background with controllable ribbon scale, motion, glow, and palette.
• Glass Threads: A polished glass-thread background with layered highlights, subtle refraction, and controls for facet scale, shine, and colors.
• Kinetic Tiles: A rolling field of softly beveled ceramic tiles.
• Night Clouds: A moody night-sky background with slow moving cloud layers, soft horizon glow, and controls for drift, scale, depth, and palette.
• Shooting Stars: A night-sky shader with fine meteor trails, layered stars, and varied flight paths. Includes live sky and meteor controls.
• Signal Grid: A subtle data-grid background with pulsing nodes, transmission lines, and controls for grid density, brightness, motion, and colors.
• Silk Ribbon: A flowing silk-ribbon background with smooth motion, soft sheen, and controls for ribbon spread, scale, glow, and palette.
• Topographic Flow: A contour-line background with gently moving map-like paths, adjustable line strength, scale, motion, and colors.
• Water Surface: A realistic animated water background with layered waves, shimmering highlights, click ripples, and controls for scale, shine, motion, and water colors.

Button

30 new components.

• Button 1 - Perimeter Light: A single light travels around the border on hover and returns on exit.
• Button 2 - Voice Pulse: A polymorphic audio action with an accessible play and pause state, an active waveform, and a native link mode.
• Button 3 - Gradient Drift: A broad tonal gradient shifts across the surface while the label stays still.
• Button 4 - E-Ink Flash: A paper-and-ink productivity control with a halftone action edge and one crisp inversion flash on interaction.
• Button 5 - Inset Frame: A second, correctly inset outline resolves inside a quiet rounded button.
• Button 6 - Dashed Frame: A dashed add-action button with a crisp inset highlight on hover.
• Button 7 - Ink Fill: An ink fill travels from the left edge and withdraws on exit.
• Button 8 - Corner Fold: A standard button with a small corner that folds on hover or focus and unfolds on exit.
• Button 9 - Label Reel: The label rolls through a small masked window and reverses on exit.
• Button 10 - Download Slot: The download arrow lowers gently into its tray and returns on exit.
• Button 11 - Hold to Commit: A financial operations control that requires a deliberate press-and-hold before committing a consequential action, with visible progress and explicit cancel feedback.
• Button 12 - Slide to Send: A compact messaging action with a tactile drag-to-confirm track, keyboard parity, cancellation feedback, and a reduced-motion fallback.
• Button 13 - Offset Print: A flat print-style button with an offset shadow that extends on hover.
• Button 14 - Keycap: A beveled keycap with an inset face that presses into its base.
• Button 15 - Corner Focus: Four small corner brackets settle outward to frame the button.
• Button 16 - Satin Sweep: A satin highlight sweeps across the surface and reverses on exit.
• Button 17 - Cross Dial: An inset plus dial makes a restrained quarter-turn on hover.
• Button 18 - Ticket Stub: A perforated ticket stub with a small icon tilt and a soft surface highlight.
• Button 19 - Spotlight: A soft surface highlight follows the pointer inside the button.
• Button 20 - Chapter Stack: A chapter stack that fans open on hover or focus and smoothly restacks on exit.
• Button 21 - Metal Bevel: A compact beveled surface with a thin metallic edge and restrained press feedback.
• Button 22 - Underline Track: An editorial text button whose fine underline fills from the left.
• Button 23 - Embossed Seal: A recessed icon seal gains depth and an accent on hover.
• Button 24 - Open Slot: A standard button with a staggered loading-bar hover effect and a status label that changes when the scan completes.
• Button 25 - Edge Glow: A rounded button with a reversible bottom-border glow and a smooth hover lift.
• Button 26 - Arrow Relay: One diagonal arrow passes through a clipped slot with a reversible handoff.
• Button 27 - Lesson Curtain: An editorial course CTA whose slim chapter panels part to reveal a focused lesson verb.
• Button 28 - Split Shutter: Two quiet panels meet at the center to fill the button.
• Button 29 - Diagonal Wipe: A diagonal accent fill crosses the button and retracts on exit.
• Button 30 - Circle Bloom: A small inset dot expands into a full button fill, then contracts.

Shaders

5 new components.

• Ember Plume: A volumetric flame with rising embers, adapted from MIT-licensed THREE.Fire.
• Event Horizon: A black hole with a luminous accretion disk and bent light, adapted from Apache-2.0 shader source.
• Mercury Loop: A broad polished ribbon turns slowly through studio light.
• Orbital Dust: Fine luminous particles trace an inclined orbit.
• Plasma Orb: A three-dimensional blue plasma sphere with rolling internal clouds, a luminous nucleus, and branching lightning. Drag to rotate the volume.

404

10 new blocks.

• 404 1 - Simple Way Home: A centered 404 section with concise guidance, clear recovery actions, and a subtle broken-route motif.
• 404 2 - Silent Signal: A voice-studio error section with a waveform that flickers on around a centered 404 signal.
• 404 3 - Gentle Detour: A warm editorial 404 section that turns a dead end into one quiet breathing moment before offering clear recovery actions.
• 404 4 - Field Guide: An image-led 404 section with an editorial field-guide composition and two clear recovery paths.
• 404 5 - Missing Object: A playful consumer-audio error section assembled from speaker-like objects and cut-paper forms.
• 404 6 - Checked Out: A cinematic hospitality 404 section with a full-bleed corridor, a vertical room-key marker, and direct paths back into the property.
• 404 7 - Off Syllabus: An editorial learning-platform 404 with interrupted typography, lesson imagery, and a quiet recovery decision.
• 404 8 - Unreconciled Route: A finance-oriented error section that branches a broken transaction route into clear recovery destinations.
• 404 9 - Wrong Address: An editorial real-estate 404 with an architectural image strip, floor-plan linework, and grouped recovery choices.
• 404 10 - Missing Handoff: An editorial marketplace 404 section with torn brief fragments, a bracket-shaped zero, and a handoff line that resolves at one clear action.

Case Study

2 new blocks.

• Case Study 1 - Outcome Brief: A concise customer outcome brief connecting the challenge, response, attributed perspective, and contextual results.
• Case Study 2 - Transformation Ledger: An editorial transformation story pairing an accessible before-and-after comparison with project milestones and contextual outcomes.

Comparison

3 new blocks.

• Comparison 1 - Old Way / New Way: A high-contrast before-and-after workflow comparison for service and operations teams.
• Comparison 2 - Capability Matrix: A responsive product capability matrix with a sticky desktop header and progressively enhanced mobile option selector.
• Comparison 3 - Migration Decision Ledger: A scenario-led infrastructure migration comparison with tabbed tradeoff records.

Navigation

2 new blocks.

• Navbar 6 - Centered Compact Pill: Compact responsive navbar with a centered link pill, one dropdown link group, a left-aligned Starwind wordmark, and a primary CTA.
• Navbar 7 - Right Compact Pill: Responsive navbar with a boxed Starwind Pro wordmark, right-aligned pill navigation, and a far-right primary CTA.

Press Awards

3 new blocks.

• Press & Awards 1 - Press Ledger: An editorial press ledger that keeps every fictional sample mention attached to its publication, date, coverage type, excerpt, and source.
• Press & Awards 2 - Award Archive: A chronological award archive for a design practice, with project, category, year, and fictional jury context in accessible dialogs.
• Press & Awards 3 - Analyst Proof: A methodology-first analyst proof section with fictional ratings, concise excerpts, measurement dimensions, source dates, and explicit disclosure.

Pricing

3 new blocks.

• Pricing 15 - Starwind Shared Decision Grid: A comparison-first pricing section with one shared desktop decision grid and compact three-plan mobile panels.
• Pricing 16 - Starwind Stacked Plan Rails: A staggered three-plan pricing stack with compact comparison rails and a high-contrast Individual offer.
• Pricing 17 - Starwind Comparison Ledger: A compact three-panel pricing ledger that makes the key access differences readable as aligned decision rows.

Product Tour

3 new blocks.

• Product Tour 1 - Guided Screenshot: A mobile app tour with a replaceable preview slot and a numbered feature guide.
• Product Tour 2 - Annotated Workspace: A commerce catalog tour with numbered annotations on a product-readiness board.
• Product Tour 3 - Terminal Walkthrough: A developer product tour with guided terminal playback and deployment stages. Includes a documentation action.

Browse all blocks at /components or install with the Starwind CLI.