All blocks

Aurora backgroundNew

Full-section aurora backdrop with three drifting brand and accent blobs, vignette and film grain overlay.

Particle constellationNew

Canvas constellation of 70 drifting brand-coloured particles linked by fading lines; reads --brand at runtime, respects reduced motion, resizes with a ResizeObserver and renders nothing on the server.

Glitch hover textNew

Text effects

Shimmer textNew

Text effects

Typewriter textNew

Text effects

Border beam buttonNew

Buttons

Download progress buttonNew

Buttons

Glossy shine buttonNew

Buttons

Liquid fill buttonNew

Buttons

Magnetic buttonNew

Buttons

Split text buttonNew

Buttons

Glowing CTA cardNew

Centred call to action in a rounded card with a spinning conic border, radial brand glow, shimmer headline and trust bullets.

Glow border cardNew

Hover cards

Spotlight cardNew

Hover cards

Contact split with CSS mapNew

Contact details and a short form beside a stylised pure-CSS map of Collingwood with grid streets, river, road bars and a floating brand pin with ripple rings. No map embed.

Bento featuresNew

Five-cell bento grid with lucide icons and hand-built mini illustrations (timeline, progress ring, stacked cards, sparkline) that glow with the brand colour on hover.

Us vs them comparisonNew

Two-column 'us vs the typical agency' comparison with check and cross rows, a glowing brand-bordered Recommended column and a footnote, rows fading in on scroll.

Spotlight icon gridNew

Three-by-two grid of feature cards with a cursor-tracking radial spotlight and glowing border per card, brand-tinted icon squares and clean copy.

Floating-label contact formNew

Contact split with floating labels, brand focus glow, a matching select and textarea, inline email validation on blur and an animated success state.

Bento heroNew

Centred headline above a six-cell bento grid mixing a huge stat, photo, mini chart, checklist, testimonial and brand CTA cell.

Spotlight grid heroNew

Left-aligned hero on a dot grid with a cursor-following brand spotlight, stat pills and a 3D-tilting dashboard mock.

Text reveal heroNew

Minimal centred hero with an oversized headline where each word blurs into place, a hand-drawn underline animates under the key word, over a soft vertical brand beam.

Announcement bannerNew

Feedback

Subtle tip alertNew

Feedback

Badge setNew

Badges & numbers

Path-draw checkboxNew

Toggles

Command paletteNew

Menus

Custom cursor effectsNew

A cursor-none demo panel with a brand dot and spring-lagging ring that grows and inverts over targets, a fading dot trail, and headline text that scrambles then decodes on hover.

Bouncing letters loaderNew

Loaders

Gradient ring spinnerNew

Loaders

Percent count-up ringNew

Loaders

Striped progress barNew

Loaders

Typing wave indicatorNew

Loaders

Sliding underline tabsNew

Content tabs

Vertical crossfade tabsNew

Content tabs

iOS spring toggleNew

Toggles

Sliding segmented toggleNew

Toggles

Brand arrow tooltipNew

Docks & tooltips

Back-to-top progress ringNew

Scroll effects

Floating glass navbarNew

Frosted pill navbar floating 16px from the top with a brand glow line, centred links, CTA and an animated mobile menu.

Centred editorial navbarNew

Two-row editorial nav with a brand announcement bar, centred wordmark, tracked-out links either side and hairline borders.

App sidebar shellNew

Collapsible app sidebar with a sliding brand active indicator, user card, breadcrumb top bar with search and avatar, and a stat-card main area.

Split CTA navbarNew

Logo and pill links on the left, a pulsing phone number and a shine-swept quote button on the right, with a brand-to-accent scroll progress bar along the top.

Glow-top tab barNew

Tab bars

Labelled pill tab barNew

Tab bars

Paper fold tab barNew

Tab bars

Phone frame tab barNew

Tab bars

Transit track tab barNew

Tab bars

Pricing with toggleNew

Monthly/yearly toggle with a save badge, three AUD plan cards and animated price changes, middle plan elevated with brand glow.

Testimonials wallNew

Masonry wall of seven testimonial cards with star ratings, hover gradient borders and one featured brand-tinted quote.

Story timelineNew

Vertical company timeline whose brand-gradient line draws segment by segment on scroll, five milestones alternating sides on desktop and a pulsing dot at the current year.