Skip to main content

Components1,249
Blocks7,903
3D Models3,392
Illustrations987
Mockups346
Icons186
Fonts977
Shaders108
Backgrounds99
Skills114
All assets2,562

Animated Gradient
Aurora Text
3d Button
Tilt Card
ASCII Effect
Gradient Hero 01

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

Explore Components

Figma465
Framer767
Webflow23
Coded173
Decks66
Notion39
All templates1,403

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

465 Figma templates by real designers, popular first

Explore Figma templates

Websites2,927
Sections4,499
Interface4,492
Branding1,026
OG Images816
All inspiration13,760

Shopify editions
Oryzo
Air Inc
More Nutrition
Poster
Giga Ai

Hand-picked websites with a live screencast on every card

Explore Websites

API usage vs. plan limit React Component – SevenUI • Craftwork

Components/SevenUI

API usage vs. plan limit

Free

A cumulative API requests area chart with a dashed projection, a plan limit reference line, the projected overage cost and upgrade actions.

Category: Charts & numbers
Built with: React, Tailwind
Installs: @base-ui/react class-variance-authority cn lucide-react recharts
Files: chart-10.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.

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

Activity Dither Heatmap

Animated Circular Progress Bar

Cohort retention heatmap