Dashboard - Settings Blocks
Explore custom community-made shadcn/ui and Tailwind CSS Dashboard Settings blocks.
A multi-column form layout featuring text inputs, select dropdowns, and checkbox settings, designed for user profile or account configuration pages.
A billing dashboard component featuring a 3D interactive credit card visual with mouse-tracking tilt effects, plan details, and credit balance display built with Framer Motion.
A comprehensive billing settings interface featuring configurable input fields, feature toggles, and currency selection with built-in form validation and save/cancel actions.
A comprehensive billing management interface featuring tabbed navigation, toggleable notification settings, payment method cards, and invoice configuration controls built with Radix UI primitives.
A subscription management dashboard card featuring plan details, status badges, and integrated dialogs for updating plans or canceling subscriptions.
A multi-step subscription cancellation card featuring a confirmation flow, loading states, and error handling, built with Tailwind CSS and Lucide icons.
A responsive billing history table featuring status badges, invoice details, and download actions, designed for account management interfaces using shadcn UI components.
An 8-bit styled audio configuration card featuring master and SFX volume sliders alongside toggle switches for mute and vibration settings, built with Radix UI primitives.
A comprehensive billing management dashboard block featuring a plan summary with usage progress bars, payment method details, and a sortable invoice history table using TanStack Table.
A tabbed settings interface featuring account profile fields with toggle switches, a billing management card, and a team member table with role badges, integrated with Sonner toast notifications.
A compact, centered profile settings card featuring an avatar upload, vertical form fields for user details, a two-factor authentication toggle, and integrated save/discard actions with toast notifications.
Select an Item to view its code
Choose an item from the list to view its code and files.