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

Backgrounds & effects

Aurora backgroundNew

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

Shimmer textNew

Text effects

Buttons

Glass outline buttonNew

Buttons

Glossy shine buttonNew

Buttons

Jelly buttonNew

Buttons

Ripple buttonNew

Buttons

Play/pause icon buttonNew

Icon buttons

Calls to action

Glowing CTA cardNew

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

Cards

App store feature cardsNew

Cards

Candy kids club gradient cardNew

Gradient cards

Forest walks gradient cardNew

Gradient cards

Midnight support gradient cardNew

Gradient cards

Ocean recovery gradient cardNew

Gradient cards

Peach mornings gradient cardNew

Gradient cards

Sunset sessions gradient cardNew

Gradient cards

Hover-reveal case study cardNew

Hover cards

Notification stackNew

Cards

Forms & inputs

Auth card with OTPNew

Sign in / create account card with sliding tabs, social buttons, password reveal and a six-box OTP step that auto-advances and accepts paste, beside a gradient testimonial panel.

Popping OTP inputNew

Inputs

Heroes

Aurora heroNew

Centred hero with a drifting aurora glow, shimmer headline, dual CTAs and social proof row.

Video cover heroNew

Full-bleed cinematic hero with drifting layered gradients, an animated film-grain overlay, bottom-left headline, bouncing scroll cue and an availability pill.

Micro-interactions

Badge setNew

Badges & numbers

Gradient ring spinnerNew

Loaders

Morphing blob loaderNew

Loaders

Striped progress barNew

Loaders

Folder tabsNew

Content tabs

Squishy segmented toggleNew

Toggles

Rich card tooltipNew

Docks & tooltips

Navbars

Vertical icon railNew

Tab bars

Burger to fullscreen menuNew

Top navbars

Hover preview navbarNew

Top navbars

Hue-shift scroll navbarNew

Scroll effects

Bending notch tab barNew

Tab bars

Gradient capsule tab barNew

Tab bars

Circle dock tabsNew

Tab bars

Floating bubble tab barNew

Tab bars

Liquid blob tab barNew

Tab bars

Team & about

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.