bonkersUI · 16 of 26Cards
23 live, accessible components. Play with any preview, then copy the command to drop it into your project.
TypeScriptWAI-ARIACopy & own
01Topographic Hero
TopographicHero.tsx 02Ambient Light Card
AmbientLightCard.tsx 03Aurora Card
AuroraCard.tsx 04Cinematic Card
CinematicCard.tsx 05Deep Ocean Card
DeepOceanCard.tsx 06Gyro Tilt Card
GyroTiltCard.tsx 08Lenticular Card
LenticularCard.tsx 09Liquid Mercury Card
LiquidMercuryCard.tsx 10Luxury Card
LuxuryCard.tsx 11Magnetic Card
MagneticCard.tsx 12Magnetic Field Card
MagneticFieldCard.tsx 13Notice Board Card
NoticeBoardCard.tsx 14Physics Card
PhysicsCard.tsx 15Pixel City Card
PixelCityCard.tsx 16Premium Flip Card
PremiumFlipCard.tsx 17Luxury Reveal
LuxuryReveal.tsx 18Luxury Todo List
LuxuryTodoList.tsx 19Sand Dunes Card
SandDunesCard.tsx 21View Transition Card
ViewTransitionCard.tsx 22Pixel Transition
PixelTransition.tsx 23Task Board
TaskBoard.tsx 