---
name: "@rawkitui"
slug: "rawkitui"
description: "Pop-Brutalist UI primitives for React: 30 components with hard shadows, high-contrast borders, motion spring physics, and Lucide icons. MIT."
category: "Animated components"
tags: ["animation", "auth", "buttons", "cards", "charts", "design-system", "forms", "hooks", "icons", "loaders", "media", "navigation", "overlays", "pro-available", "retro", "tables"]
framework: "react"
license: null
author: null
website: "https://rawkitui.zerodegree.tech"
github: null
registry: "https://rawkitui.zerodegree.tech/r/registry.json"
pro: true
pro_url: "https://rawkitui.zerodegree.tech/pricing"
github_stars: null
component_count: 39
generated_at: "2026-09-21T01:50:16.753Z"
---

# @rawkitui

Pop-Brutalist UI primitives for React: 30 components with hard shadows, high-contrast borders, motion spring physics, and Lucide icons. MIT.

## Links

- Website: https://rawkitui.zerodegree.tech
- Registry JSON: https://rawkitui.zerodegree.tech/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/rawkitui
- This file: https://sh4dcn.vercel.app/md/rawkitui.md
- Pro / pricing: https://rawkitui.zerodegree.tech/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://rawkitui.zerodegree.tech/r/registry.json
pnpm dlx shadcn@latest add https://rawkitui.zerodegree.tech/r/registry.json
bunx shadcn@latest add https://rawkitui.zerodegree.tech/r/registry.json
# fetch the raw registry index
curl -s https://rawkitui.zerodegree.tech/r/registry.json
```

## Components (39)

| name | type | description | install |
| --- | --- | --- | --- |
| button | registry:ui | Tactile Neo-Brutalist button with hard black shadow and press physics. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/button.json` |
| card | registry:ui | Hyper-rounded superellipse card with pastel surface options. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/card.json` |
| badge | registry:ui | Pill badges and Scalloped Starburst callout tags. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/badge.json` |
| floating-nav | registry:ui | Pinned bottom/top capsule navigation bar. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/floating-nav.json` |
| accordion | registry:ui | Accessible collapsible content sections with tactile pastel headers. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/accordion.json` |
| avatar | registry:ui | Rounded profile image with resilient initials fallback and status dot. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/avatar.json` |
| breadcrumb | registry:ui | Responsive semantic breadcrumb trail with optional collapsed items. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/breadcrumb.json` |
| calendar | registry:ui | Keyboard-friendly month calendar with selection and date constraints. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/calendar.json` |
| command | registry:ui | Searchable command list with grouping, keyboard navigation, and selection. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/command.json` |
| dropdown-menu | registry:ui | Compact action menu with separators, shortcuts, and keyboard controls. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/dropdown-menu.json` |
| pagination | registry:ui | Responsive page navigation with ellipsis compression and disabled edges. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/pagination.json` |
| progress | registry:ui | Accessible capsule progress bar with labeled percentage states. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/progress.json` |
| skeleton | registry:ui | Motion-aware loading placeholder for text, avatars, and content blocks. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/skeleton.json` |
| sonner | registry:ui | Provider-based tactile notifications with status semantics and dismissal. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/sonner.json` |
| table | registry:ui | Composable responsive data table primitives with readable row states. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/table.json` |
| slider | registry:ui | Native accessible range control with RawkitUI label and value treatment. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/slider.json` |
| toggle-group | registry:ui | Single or multi-select toggle controls for compact modes and filters. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/toggle-group.json` |
| input | registry:ui | Pop-Brutalist input control with solid 3px focus ring. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/input.json` |
| textarea | registry:ui | Pop-Brutalist multiline text input. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/textarea.json` |
| select | registry:ui | Custom dropdown select with chevron icon. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/select.json` |
| switch | registry:ui | Tactile capsule toggle switch. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/switch.json` |
| radio | registry:ui | Tactile radio option card system. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/radio.json` |
| tabs | registry:ui | Capsule pill tabs with pastel active tab highlights. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/tabs.json` |
| tooltip | registry:ui | Pop-Brutalist high-contrast tooltip with hard shadow. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/tooltip.json` |
| stepper | registry:ui | Capsule progress tracker and numbered step pills. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/stepper.json` |
| bar-chart | registry:ui | Vertical capsule progress bar chart visualization. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/bar-chart.json` |
| dialog | registry:ui | Pop-Brutalist modal popover with pastel surface variants. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/dialog.json` |
| alert | registry:ui | High-contrast pop notification banner. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/alert.json` |
| checkbox | registry:ui | Tactile checkbox control with yellow check fill. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/checkbox.json` |
| kbd | registry:ui | Keyboard key primitive with thick border, hard shadow, and press animation. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/kbd.json` |
| sheet | registry:ui | Slide-out side drawer panel with spring animation and ESC dismissal. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/sheet.json` |
| popover | registry:ui | Floating panel anchored to a trigger button with click-outside dismissal. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/popover.json` |
| copy-button | registry:ui | Clipboard utility button with pop checkmark feedback. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/copy-button.json` |
| number-input | registry:ui | Quantity stepper with plus/minus buttons around a numeric field. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/number-input.json` |
| otp-input | registry:ui | Verification code field with auto-focus movement and paste detection. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/otp-input.json` |
| rating | registry:ui | Interactive star rating primitive with hover preview and keyboard support. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/rating.json` |
| collapsible | registry:ui | Lightweight show/hide toggle wrapper with spring rotation. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/collapsible.json` |
| form | registry:ui | Tactile Pop-Brutalist form item, label, description, and validation error message wrappers. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/form.json` |
| utils | registry:lib | Utility function (cn) for merging Tailwind CSS classes. | `npx shadcn@latest add https://rawkitui.zerodegree.tech/r/utils.json` |

## For AI agents

```text
You are adding components from @rawkitui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/rawkitui.md) for the component list.
2. Fetch the machine-readable index: https://rawkitui.zerodegree.tech/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: rawkitui).
```