Skip to main content

Components/SevenUI

File card

Pro

A compact file card with a type icon, an overflow actions menu in the header action slot, and shared-with avatars.

Category: Cards
Built with: React, Tailwind
Installs: @base-ui/react class-variance-authority cn lucide-react
Files: card-05.tsx + 5 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.

SevenUI

by Oğuzhan Yılmaz

250 components

Copyright (c) 2026 SevenUI. Open source, added by Craftwork. 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

Components992
Blocks4,904
3D Models3,392
Illustrations981
Mockups333
Icons182
Fonts903
Shaders108
Backgrounds94
Skills114
All assets2,463

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

Figma424
Framer747
Webflow21
Coded165
Decks67
Notion39
All templates1,339

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

424 Figma templates by real designers, popular first

Explore Figma templates

Websites2,909
Sections4,382
Interface3,797
Branding1,000
OG Images804
All inspiration12,892

Shopify editions
Air Inc
Giga Ai
Poster
Oryzo
Structured Money

Hand-picked websites with a live screencast on every card

Explore Websites