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.

Grid beams backgroundNew

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

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.

Blur reveal textNew

Text effects

Glitch hover textNew

Text effects

Shimmer textNew

Text effects

Typewriter textNew

Text effects

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.

Newsletter split CTANew

Split call to action with heading, email form and privacy line beside a stack of floating lead-notification cards.

Cards

App store feature cardsNew

Cards

3D flip team cardNew

Hover cards

Glow border cardNew

Hover 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

Holographic member cardNew

Hover cards

Hover-reveal case study cardNew

Hover cards

Notification stackNew

Cards

Playing card flipNew

Profile cards

Bubbly pricing cardsNew

Cards

Popping avatar profile cardNew

Profile cards

Rainbow border follow cardNew

Profile cards

Spotlight cardNew

Hover cards

Swipeable testimonial stackNew

Cards

3D tilt cardNew

Hover cards

Contact & booking

Booking stepsNew

Four-step booking flow wired end to end: pick a service card, a day from a 7-day strip with availability dots, a time slot, then confirm on a glowing summary card.

Reach us & office hoursNew

Row of channel cards (WhatsApp with a live 'replies in minutes' pulse, phone, email) beside an office hours table that highlights the current day on the client.

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.

FAQ

Two-column FAQ accordionNew

Sticky heading and contact card on the left, six single-open accordion items with smooth height animation on the right.

Loading more categories...