168 blocks, one thing each, all free. Every preview follows your theme. Copy as React, HTML or an AI prompt.
Shimmer sweep buttonNew
Buttons
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.
Mega footerNew
Full sitemap footer with newsletter signup, four link columns, socials, ABN, acknowledgement of country and a legal bottom bar.
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.
Shimmer skeleton cardNew
Loaders
Striped progress barNew
Vertical crossfade tabsNew
Content tabs
Stacked toastsNew
Feedback
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.
Floating glass navbarNew
Frosted pill navbar floating 16px from the top with a brand glow line, centred links, CTA and an animated mobile menu.
Mega menu navbarNew
Full-width top bar whose Services item opens a three-column mega menu with icons, descriptions and a featured case-study card.
Centred editorial navbarNew
Two-row editorial nav with a brand announcement bar, centred wordmark, tracked-out links either side and hairline borders.
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.
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.
Vertical icon railNew
Tab bars
Burger to fullscreen menuNew
Top navbars
Compass explorer navbarNew
Website navbars
Hover preview navbarNew
Hue-shift scroll navbarNew
Expanding index navbarNew
Rubber underline navbarNew
Folding shutter navbarNew
Split bridge navbarNew
Bending notch tab barNew
Gradient capsule tab barNew
Circle dock tabsNew
Floating bubble tab barNew
Glow-top tab barNew
Hanging tags tab barNew
Hide-on-scroll tab barNew
Icon to label morph tabsNew
Key deck tab barNew
Labelled pill tab barNew
Liquid blob tab barNew
Magnetic cradle tab barNew
Paper fold tab barNew
Phone frame tab barNew
Rainbow wiggle tab barNew
Reel counter tab barNew
Spirit level tab barNew
Stitched ribbon tab barNew
Transit track tab barNew
Viewfinder tab barNew