Introducing Kokonut UI Pro - 70+ new components and templates to build beautiful websitesIntroducing Kokonut UI Pro - 70+ new components and templates to build beautiful websites

Agenta Lume Sonae AI Futur Postly Startup

Beams Background Background Paths Shapes Hero Flow Field

Card Flip Stack Liquid Glass Apple Activity Card Mouse Effect Card X Card Bento Grid Spotlight Cards Currency Transfer Carousel Cards

Morphic Navbar Toolbar Smooth Tab Profile Dropdown Action Search Bar Smooth Drawer

File Upload Avatar Picker Team Selector Loader

AI Input Selector AI Input Search AI State Loading AI Text Loading AI Voice

Scroll Text Typing Text Matrix Text Dynamic Text Glitch Text Shimmer Text Sliced Text Swoosh Text

Particle Button V0 Button Gradient Button Magnet Button Hold Button Social Button Command Button Switch Button Slide Text Button

Introducing Kokonut UI Pro - 70+ new components and templates to build beautiful websitesIntroducing Kokonut UI Pro - 70+ new components and templates to build beautiful websites

Backgrounds

Beams Background

Animated background of drifting light beams rendered on an HTML canvas with configurable intensity. Built with React, Tailwind CSS and Motion.

Configuring your account...

Please wait while we prepare everything for you

Motion

On this page

Ship beautiful products and build websites faster

100+ templates, blocks and components
One click deployment templates
Built with React, TypeScript and Tailwind CSS v4
Animations with Motion
One command installation with shadcn/cli

Trusted by 10k+ users worldwide

Beams
Background