Features
A features section with a tabbed filter and a responsive card grid.
Features
Everything you need
A complete set of components, thoughtfully built for real products.
⚡
Copy & Paste
No npm install required. Copy components directly into your project and own the code.
🎨
Customizable
Every component is built with Tailwind CSS, making customization straightforward.
📦
No Lock-in
Components live in your codebase. Modify, extend, or delete them however you want.
🖤
Neobrutalism
Bold borders, offset shadows, and high contrast — a distinctive aesthetic that stands out.
🌙
Dark Mode
First-class dark mode support via next-themes with zero flash on load.
🎯
Accessible
Built on Radix UI primitives, so keyboard navigation and screen readers work out of the box.
Installation
This block uses the following components. Add any you don't have yet:
npx radk add badge card tabsUsage
import { FeaturesBlock } from "@/components/blocks/features"<FeaturesBlock />Source
Edit the features array to add your own feature cards. Each item has a category field ("dx" or "design") that controls which tab it appears under.