Skip to main content

Components1,249
Blocks8,577
3D Models3,392
Illustrations984
Mockups338
Icons185
Fonts922
Shaders108
Backgrounds97
Skills114
All assets2,495

Skeuomorphic Music Card
Event ticket
Quick Settings Tiles
Nightly prices
Animated Color Selector
Blur Glide Menu

Animated React and Tailwind components: copy the code or let your agent add it

Explore Components

Figma458
Framer745
Webflow21
Coded164
Decks66
Notion39
All templates1,365

Dark Bento UI Kit
ElementX
FINA
Snow Dashboard UI Kit
Finance & Banking Mobile App
Paradise App UI Kit

458 Figma templates by real designers, popular first

Explore Figma templates

Websites2,924
Sections4,476
Interface4,492
Branding1,026
OG Images816
All inspiration13,734

Shopify editions
Air Inc
Oryzo
Poster
Giga Ai
Structured Money

Hand-picked websites with a live screencast on every card

Explore Websites

Components/Blank

Bento Shield

Pro

A bento visual: a shield with a lock that snaps shut as data runs in from two wired nodes.

Category: Cards
Built with: React, Tailwind, Motion, Radix
Installs: lucide-react@1.31.0 motion@14.1.0 clsx@2.1.1 tailwind-merge@3.6.0 tw-animate-css@1.4.0
Files: bento-shield.tsx + 4 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Blank

by Craftwork

205 components

Craftwork License Source

Copyright (c) 2026 Craftwork. Made for Craftwork Pro: use it in your projects, don't resell or share the code. The license line stays in the copied code.

More like this

FreeEvent ticket

Case Study Flip Stack

Notifications Center

Skeuomorphic Music Card

Client Tweet Card

Flight Status Card

Code Comparison