Avatar

My Components Lab

A set of handcrafted UI components built daily. Click any card to preview.

9 components
HomeBlog
Sign up

No. 01

Pill Navbar

Animated navbar with a sliding pill indicator that morphs smoothly on scroll.

InteractivePreview

No. 02

Bento Grid

Feature section using an asymmetric bento grid layout.

BentoPreview

No. 03

Dark Bento Grid

Bento grid feature section rendered in a sleek black theme.

BentoPreview

No. 04

Floating Menu

Floating menu with choreographed spring animation on click.

Ship UI faster.Handcrafted components with smooth animations.
Get Started

No. 05

CTA Section

Call-to-action section with kinetic entrance animations and bold typography.

Design
Layout
Motion
Design
Layout
Motion
React
Tailwind
TypeScript
React
Tailwind
TypeScript
Animate
Deploy
Scale
Animate
Deploy
Scale

No. 06

Flip Cards

3D flip animation with animated black hole rings on hover.

InteractivePreview
HomeWorkBlog
Sign inSign up
Build UI Fastest ever|
Craft beautiful interfaces with reusable components.
Get StartedLearn More

No. 07

Hero Section

Full-bleed hero with subtle hover and border animation.

LayoutPreview
SPACE
Emerald#3214
SPACE
Amethyst#1466
SPACE
Ruby#438

No. 08

Reactive Card

3D tilt cards that feel alive — shape shifts and card lifts on hover, all buttery smooth.

✦ FEATURESMagic Tools
Dashboard
Payments
Export
Multilingual
Affiliates
Support

No. 09

Feature Section

Clean feature section with a 2x3 card grid, illustrated UI thumbnails and smooth animations.

FeaturePreview

More Coming Soon

Follow the Journey — @kuma19028Follow on X

Built with by Anupam Kumar Krishnan