Simple Web3 metrics cards showing APR, staking, and fees with mini charts - shadcn/ui
PROThree metric cards displaying APR Metrics (38.033%), Staking Metrics (5.7M), and Fees Metrics (42.9M SOL) with trend badges and individual line charts. Perfect for crypto dashboard summaries.
Preview
Component Details
- ID
- web3-simple-metrics
- Type
- Block
- Access
- PRO
- Category
- Web3 Charts
- Published
- 3 Apr 2026
Files Included
- app/web3-simple-metrics/page.tsx
- components/creative-tim/blocks/web3-simple-metrics.tsx
Explore More Blocks
ContentVersatile content layout components for React and Next.js. Build blog posts, articles, portfolios, project showcases, comment sections, and rich content presentations with customizable designs.
CRUDsComplete CRUD interface components and data management blocks for React and Next.js. Build admin panels, data tables, forms, and database management interfaces.
FAQsClean and accessible FAQ components and help section layouts for React and Next.js. Build knowledge bases, support pages, and frequently asked questions interfaces.
CardVersatile card layout components for React and Next.js. Build content cards with avatars, images, backgrounds, call-to-action buttons, and various layouts for displaying information in organized containers.
BillingProfessional billing and payment UI components for React and Next.js. Build payment forms, invoices, subscription management, and checkout flows with pre-built blocks.
ModalsBeautiful modal and dialog components for React and Next.js. Build popups, confirmations, forms, and interactive overlay interfaces with accessible components.
Table HeaderProfessional table header components for React and Next.js. Build search bars, filter controls, category tabs, action buttons, and sorting options for data tables with flexible layouts.
DropdownProfessional dropdown menu and filter components for React and Next.js. Build priority filters, status filters, checkbox filters, range selectors, searchable filters, and tabbed filter menus for advanced data filtering.