All blocks

Grid beams backgroundNew

Engineering grid backdrop with three glowing beams travelling along the lines and a radial fade toward the edges.

Jelly buttonNew

Buttons

Like count buttonNew

Buttons

Magnetic buttonNew

Buttons

Success confetti buttonNew

Buttons

Ringing bell icon buttonNew

Icon buttons

Bouncy cart icon buttonNew

Icon buttons

Menu/close icon buttonNew

Icon buttons

Play/pause icon buttonNew

Icon buttons

Share fan icon buttonNew

Icon buttons

Hover-reveal case study cardNew

Hover cards

Playing card flipNew

Profile cards

Popping avatar profile cardNew

Profile cards

3D tilt 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.

Multi-step quote formNew

Three-step quote wizard with a springy progress bar, multi-select service chips, an AUD budget slider with live value, slide transitions and a summary card.

Expanding searchNew

Inputs

Bubble range sliderNew

Inputs

Coverflow carouselNew

Coverflow-style 3D carousel: the centre card sits forward while neighbours rotate and recede, with spring transitions, dots and auto-advance that pauses on hover.

Badge setNew

Badges & numbers

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.

Magnifying dockNew

Docks & tooltips

Gradient ring spinnerNew

Loaders

Percent count-up ringNew

Loaders

Context menu cardNew

Menus

Radial FAB menuNew

Menus

Speed dial menuNew

Menus

Chunky colour tabsNew

Content tabs

Underline to pill tabsNew

Content tabs

iOS spring toggleNew

Toggles

Liquid squash toggleNew

Toggles

Power glow toggleNew

Toggles

Sliding segmented toggleNew

Toggles

Squishy segmented toggleNew

Toggles

Brand arrow tooltipNew

Docks & tooltips

Dark tooltipNew

Docks & tooltips

Back-to-top progress ringNew

Scroll effects

Dock navigationNew

macOS-style bottom dock with spring magnification on hover, tooltips and a glowing active indicator dot.

Scroll-shrink navbarNew

Tall transparent bar over the hero that springs into a compact glass pill after 40px of scroll, shrinking the logo, tightening links and sliding in the CTA.

Vertical icon railNew

Tab bars

Compass explorer navbarNew

Website navbars

Hover preview navbarNew

Top navbars

Rubber underline navbarNew

Top navbars

Split bridge navbarNew

Website navbars

Bending notch tab barNew

Tab bars

Gradient capsule tab barNew

Tab bars

Circle dock tabsNew

Tab bars

Floating bubble tab barNew

Tab bars

Glow-top tab barNew

Tab bars

Hide-on-scroll tab barNew

Scroll effects

Icon to label morph tabsNew

Tab bars

Liquid blob tab barNew

Tab bars

Rainbow wiggle tab barNew

Tab bars

Team grid with hover revealNew

Six-up team grid where greyscale portraits bloom into colour on hover while social icons slide up, plus a dashed 'We're hiring' card.