Is UI World free for commercial projects?

Yes! Every single block, section, and full page template on UI World (uiworld.pro) is 100% free under the MIT licence for both personal and commercial client projects.

Which tech stack does UI World use?

UI World components are built with React and Tailwind CSS v4. You can also copy them as clean static HTML or structured AI prompts for Claude, ChatGPT, Cursor, or v0.

Can I customize the colors to match my brand?

Yes. UI World has a live theme picker. Select your brand and accent colors, and the entire library updates in real-time. When copying, the colors are automatically baked into your code or CSS tokens.

UI World is built and maintained by Alltechzone, an Australian web and digital agency based in Melbourne with 12+ years of experience designing high-converting websites and applications.

All blocks

168 blocks, one thing each, all free. Every preview follows your theme. Copy as React, HTML or an AI prompt.

All Navbars Heroes Features Social proof Pricing Calls to action FAQ Footers Cards Buttons Forms & inputs Galleries Micro-interactions Team & about Contact & booking Backgrounds & effects

⌘K

Buttons

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

Share fan icon buttonNew

Icon buttons

Cards

Playing card flipNew

Profile cards

Popping avatar profile cardNew

Profile cards

3D tilt cardNew

Hover cards

Forms & inputs

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

Galleries

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.

Micro-interactions

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

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

Navbars

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