New Blocks and Components: October 2026

Explore 82 new blocks and components added to Starwind Pro.

Summary

Components

• Accordion: 8 components
• Background: 7 components
• Loader: 16 components
• Tabs: 16 components

Blocks

• Cta: 3 blocks
• Feature: 10 blocks
• Hero: 10 blocks
• Resource: 3 blocks
• Security: 4 blocks
• Services: 4 blocks
• Stats: 1 block

Accordion

8 new components.

• Accordion 1 - Quiet Plus: A hairline accordion whose plus turns into an x as each answer fades in.
• Accordion 2 - Soft Cards: Rounded card rows. The chevron flips inside a circle that fills when the card opens.
• Accordion 3 - Numbered: A numbered accordion for step-by-step answers. The step badge fills with the accent color when its item opens.
• Accordion 4 - Accent Rail: A left-rail accordion. The accent rail draws down the open item while its caret turns to point at the answer.
• Accordion 5 - Inset Panels: A framed accordion with inset answer panels. A small dot stretches into a dash when an item opens.
• Accordion 6 - Pill Rows: Soft pill rows with a Show and Hide label that rolls over when an item opens.
• Accordion 7 - Timeline: An accessible accordion laid out on a vertical timeline. Each item carries a time label, and its node fills and rings when the item opens.
• Accordion 8 - Ledger: An accessible accordion styled as a price ledger. Each row shows a value column, and an accent rule draws under the row when it opens.

Background

7 new components.

• Ember Floor: Curling flames and rising embers span the bottom edge, with open space above for page content.
• God Rays: Animated rays of light that radiate from a glowing core, with controls for ray colors, density, length, bloom, and core glow. Adapted from God Rays by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.
• Grain Gradient: Grainy multi-color gradients in seven animated shapes, with controls for softness, distortion, grain, and palette. Adapted from Grain Gradient by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.
• Mesh Gradient: Flowing color spots with organic distortion, swirl, and optional grain. Adapted from Mesh Gradient by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.
• Neuro Noise: A glowing web of fluid lines and soft intersections with controls for brightness, contrast, and palette. Adapted from Neuro Noise by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.
• Smoke Ring: A ring of layered smoke noise with controls for ring radius, thickness, inner fill, noise detail, and palette. Adapted from Smoke Ring by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.
• Warp: Animated color bands warped by noise and swirls over a checks, stripes, or edge pattern. Adapted from Warp by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.

Loader

16 new components.

• Loader 1 - Corner Chase: Three dots chase each other around the corners of a square.
• Loader 2 - Leapfrog: Three dots take turns hopping over an invisible baseline.
• Loader 3 - Ripple Signal: Rings expand from a steady centre to show work continuing.
• Loader 4 - Wave Bars: Five bars rise and fall in a smooth travelling wave.
• Loader 5 - Tumbling Tiles: Four small tiles turn and fade in a repeating sequence.
• Loader 6 - Infinity Trail: A short stroke flows continuously around a figure of eight.
• Loader 7 - Dot Pendulum: The outside dots swing in turn, passing an imaginary push through the row.
• Loader 8 - Shuttle: A short capsule travels back and forth along a compact track.
• Loader 9 - Breathing Diamond: Nested diamonds open and settle in a gentle staggered pulse.
• Loader 10 - Dot Cascade: A diagonal wave passes through a compact grid of nine dots.
• Loader 11 - Liquid Pearl: A small liquid sphere with slowly drifting surface reflections.
• Loader 12 - Filament Orb: Fine luminous threads flow around a translucent sphere.
• Loader 13 - Tidal Ring: A soft ring bends and ripples as a highlight travels around it.
• Loader 14 - Prism Trail: A bright stroke travels continuously around a softly rounded triangle.
• Loader 15 - Double Helix: Two strands of dots rotate continuously around a shared axis.
• Loader 16 - Liquid Merge: Three liquid dots gather into one shape and flow apart again.

Tabs

16 new components.

• Tabs 1 - Sliding Fill: Standard Starwind tabs with a sliding active background.
• Tabs 2 - Sliding Underline: Square tabs with an open list and a sliding underline.
• Tabs 3 - Spring Pill: A rounded indicator overshoots, then settles into the selected tab.
• Tabs 4 - Elastic Underline: The leading edge reaches the new tab before the trailing edge follows.
• Tabs 5 - Inchworm Fill: The active background stretches across the gap, then gathers around the selected tab.
• Tabs 6 - Hopping Dot: A small dot hops above the labels.
• Tabs 7 - Sliding Outline: A moving frame stretches as its width catches up with its position.
• Tabs 8 - Expanding Icon: The selected icon reveals its label with a spring.
• Tabs 9 - Connected Outline: A sliding tab outline joins the divider above its content.
• Tabs 10 - Vertical Rail: A spring-driven accent bar follows the selected item in a vertical tab list.
• Tabs 11 - Vertical Sliding Fill: A simple filled selection slides between vertical tabs.
• Tabs 12 - Vertical Spring Pill: A soft pill springs between items in a compact vertical track.
• Tabs 13 - Vertical Elastic Rail: The leading edge of the accent rail stretches toward the next tab before the trailing edge catches up.
• Tabs 14 - Vertical Inchworm: A filled selection stretches down or up, then gathers around the chosen tab.
• Tabs 15 - Vertical Hopping Dot: A small dot hops beside the labels.
• Tabs 16 - Vertical Sliding Outline: A fine outline moves to the next row before settling to its height.

Cta

3 new blocks.

• CTA 11 - Launch Countdown: Waitlist call to action under a shooting-star sky, with a live countdown to launch and an email form.
• CTA 12 - Streak Keeper: Centered call to action above a floor of curling flames, with a weekly streak tracker.
• CTA 13 - Private Viewing: Editorial split call to action that pairs a property collection summary with a full-height interior image and viewing actions.

Feature

10 new blocks.

• Feature 29 - Photo Switcher: Split feature section with a vertical list of four tools. Selecting a tool crossfades to a matching photo.
• Feature 30 - Smart Home Bento: Asymmetric bento with product photos and one working thermostat tile that updates its target and heating estimate.
• Feature 31 - Workflow Track: Numbered workflow steps on a progress line that fills in when the section scrolls into view. The track runs across on wide screens and down on mobile.
• Feature 32 - Image Metrics: Stat-led feature section with one wide photo and a panel of three metrics, each with a unit and a line of context.
• Feature 33 - API Code Grid: A developer API feature grid with a wide, copyable code sample tile and short icon tiles in varied spans.
• Feature 34 - Product Hotspots: A product feature section with numbered hotspots on a large photo. Each hotspot shows its details in a fixed panel beside the photo.
• Feature 35 - Command Menu: A productivity feature section with a working command menu demo that filters as you type and supports arrow keys and Enter, beside three short benefits.
• Feature 36 - Photo Card Row: A hospitality feature section with a carousel of large photo cards and previous and next buttons.
• Feature 38 - Interface Steps: A how-it-works section in one divided panel. Each step pairs a short title with a small interface element built from Starwind components, such as a field, a time picker, a quote, or a progress bar.
• Feature 39 - Scroll Steps: A process section with a sticky heading and step index on the left and a column of photo steps on the right. The step that crosses the middle of the screen becomes active, and the index follows it.

Hero

10 new blocks.

• Hero 23 - Inline Image Headline: Editorial hero with small photos set inline in the headline that widen on hover.
• Hero 24 - Recipe Columns: Split hero with photo columns that drift in opposite directions beside the headline and actions.
• Hero 25 - Tilting Card: Fintech split hero with a theme-aware payment card that tilts toward the pointer.
• Hero 27 - Rotating Role: Marketplace hero where the headline role rotates in sync with a strip of portraits that widens the matching person.
• Hero 28 - Space Mosaic: Hero with an asymmetric photo mosaic and a pricing tile that carries the main action.
• Hero 29 - Terminal Deploy: Developer-tool split hero with an animated terminal that plays back a preview deploy.
• Hero 30 - Aurora Forecast: Bottom-anchored hero with an aurora veil shader glowing across the top of the section.
• Hero 31 - Route Search: Left-aligned hero over a moving topographic map, with a destination search and quick route links.
• Hero 32 - Install Command: Oversized developer hero over a pointer-reactive dithered glow, with a copyable install command.
• Hero 33 - Event Stage: Centered event hero where corner light beams converge on the headline like stage lighting.

Resource

3 new blocks.

• Resource 2 - Editorial Guide List: An editorial index of guides with large titles, format, and reading time, where each row links out to the full resource.
• Resource 3 - Upcoming Sessions: A calendar-style row of upcoming webinars and workshops with large date blocks, session details, and a register link for each one.
• Resource 4 - Template Downloads: A template download section with one featured template preview and a compact list of more downloads, each with format, size, and a direct download action.

Security

4 new blocks.

• Security 1 - Trust Overview: A calm security overview with a short intro, four core practices in a two-column list, and a link to the trust center.
• Security 2 - Compliance Reports: A quiet list of compliance reports with simple seal marks, a plain status for each report, and one request or download action per row.
• Security 3 - Data Protection Steps: Three calm steps that explain how a file is protected in transit, at rest, and at access, joined by one track that fills in when the section scrolls into view.
• Security 4 - Responsible Disclosure: A responsible disclosure call to action with a copyable security contact, a response promise, and a short in-scope and out-of-scope list.

Services

4 new blocks.

• Services 12 - Studio Service Index: An editorial numbered list of studio services where hovering or focusing a row reveals its photo. Mobile rows show an inline thumbnail.
• Services 14 - Flagship and Single Jobs: A two-tier services section: one flagship service shown large with price, turnaround, and a checklist, beside a compact price list of smaller jobs.
• Services 15 - Care Plan Week Chart: A process-led services section that places each service on a week chart, with the clinician who delivers it, session length, and frequency.
• Services 17 - Sticky Photo Index: A numbered services index beside a sticky photo frame that crossfades to each service as it scrolls into view, is hovered, or takes focus. Mobile shows each photo inline.

Stats 4 - Annual Chart

An annual report stats section with a headline total, supporting figures, and a monthly column chart with tooltips, direct labels on the high and low months, and an accessible data table.

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