All-In-One Living Component Benchmark

Official Bento Grids Review

Har component website ka exact layout, animation aur styling — bina kisi code ya visual change ke. Scroll karke har bento grid ko interactively test karo.

01 / OFFICIAL REGISTRY

Aceternity UI • Bento Grid

ui.aceternity.com/components/bento-grid ↗
01 // CORE
The Dawn of Innovation
Explore the birth of groundbreaking ideas and inventions.
02 // TECH
The Digital Revolution
Dive into the transformative power of modern technology.
03 // ART
The Art of Design
Discover the beauty of thoughtful and functional interfaces.
[Aceternity Skeleton Wave]
04 // NETWORK
The Power of Communication
Understand the impact of seamless and effective communication across global teams.
05 // WISDOM
Pursuit of Knowledge
Join the quest for understanding and enlightenment.
02 / OFFICIAL REGISTRY

Magic UI • Bento Grid & Bento Card

magicui.design/docs/components/bento-grid ↗
bitcoin.pdf finances.xlsx logo.svg keys.gpg seed.txt bitcoin.pdf finances.xlsx
📄

Save your files

We automatically sync and save your assets as you type.

Learn more →
Deployment succeeded Just now
Payment received ($48.00) 2m ago
🔔

Real-Time Notifications

Get notified immediately when critical events fire across your stack.

View notification channels →
03 / OFFICIAL GITHUB REPO

Kokonut UI • Widget Grid

github.com/kokonut-labs/kokonutui ↗
Activity Telemetry
Live 60s stream
99.8%
Uptime SLA
14.2k
Active Users
1.2ms
Avg Ping
0.00%
Error Rate
Kokonut Widget Grid v3.0 By @dorianbaffier
Capacity

Storage Node

640 GB of 1 TB used across regional volumes.

64% Volume Full
04 / OFFICIAL REGISTRY

Cult UI • Shift Card & Shader Halo

cult-ui.com/docs/components/shift-card ↗
Cult UI • Conic Halo

Continuous Laser Perimeter Light

Hardware-accelerated conic gradient rotation creates an electric perimeter border effect without heavy WebGL canvas overhead.

Pure CSS GPU Composited cult-ui.com
Hover to Shift

Cult UI Shift Card

Smoothly slides open secondary content drawer.

Hover triggered!
Height morphs from 38px to 194px with circIn easing.
By @nolly-studio
05 / OFFICIAL REPO

Ibelick UI • Tilt & Radial Spotlight

motion-primitives.com/docs/tilt ↗
Julien Thibeaut (@ibelick)

Perspective Tilt Primitive

Authored with useMotionTemplate and spring damping for ultra-refined physical mass.

rotationFactor = 15 motion-primitives.com
Radial Spotlight

Hairline Glow Blur

Radial gradient follower casting a soft, quiet glow across minimalist dark panels.

Quiet Aesthetic ui.ibelick.com
06 / COMPONENT STUDIO

Spell.sh • 3D Spatial Glare

spell.sh ↗
Spell.sh Spatial Engine

Photorealistic Specular Reflection

Calculates specular radial glare sheen responding directly to pointer distance and angle of incidence.

Hover pointer across this card translateZ(25px) Parallax
07 / CANVAS PHYSICS

Coss UI • Interactive Particle Constellation

coss.so ↗
HTML5 Canvas 2D Mesh Pointer Proximity Attraction

More Curated Design Component Studios

transitions.dev

Morphing Layout

Spring physics state expansion.

Click to morph Active
details.design

Hardware Switch

Mechanical toggle feedback.

Toggle
Tactile craft
rareblocks.xyz

SaaS Telemetry

1.24B
+24.8% MoM 99.99% SLA
spectrum-ui.dev

Cybernetic HUD

4.2ms
mTLS 1.3 ONLINE