devsnips

UI resources for developers and AI agents.

Browse production-ready Components, Sections and Templates for React, Tailwind and Vanilla. Install with the CLI or consume the machine-readable registry.

npx skills add DevSnips

Works with

★ open-source · MIT · CLI 1.1.0 · 1,034 resources

Resources
1,034
Frameworks
3
License
MIT

WORKFLOW DEMO

Adapting a UI resource

agent workflow · fewer steps is better

  1. Discover resource
    0.4s
  2. Understand structure
    0.7s
  3. Retrieve resource
    0.3s
  4. Adapt to project
    0.9s

illustrative values · not measured benchmarks

Four tools, designed together. Adopt one, or all of them.

npx devsnips add and npx devsnips init drop straight into your existing repo. No build step, no lock-in.

Components

replaces shadcn · radix · headless ui

Buttons, forms, cards, navigation. React, Tailwind and Vanilla. Yours to edit.

$ npx devsnips add react/split-button

Sections

replaces marketing blocks · hand-built

Product, marketing and AI surfaces. Composable, consistent, ready for real apps.

$ npx devsnips add tailwind/agent-workflow

Templates

replaces starter kits · boilerplate repos

Complete starting points with routing, layout and structure already in place.

$ npx devsnips add tailwind/ai-saas-platform

CLI

replaces manual setup · copy-paste

One binary, no config. Install anything from the registry straight into your repo.

$ npx devsnips init

Browse resources

Components 694
Sections 321
Templates 19
Buttons 60
Navigation 59
Cards 40
Input 38
Modals 28

Explore DevSnips

React Tailwind Vanilla DevSnips CLI AI Agents MCP

By the numbers

Components 694
Sections 321
Templates 19
CLI versions 3
GitHub stars —

Resources

5 results

Split Button

React / Components / Buttons / split-button

A primary action paired with an attached, keyboard-navigable menu of alternatives.

React View →

Agent Workflow — Neo-Brutalism

Tailwind / Sections / AI-Product / agent-workflow / neo-brutalism

Brutalist agent execution stepper visualizing Plan, Search, Reason, Act, Reflect, Respond as a co…

Tailwind View →

Inline Form

Vanilla / Components / Forms / inline-form

Inline Form.

Vanilla View →

Icon Button

React / Components / Buttons / icon-button

A square icon-only control.

React View →

Chat Input

Tailwind / Components / Input / chat-input

Chat input components for messaging interfaces with attachments and emojis

Tailwind View →

Get started in seconds

Drop it straight
into your repo.

One binary, no config. Works in your existing project. No build step, no lock-in.

  1. 01Run init in your project
  2. 02Add any resource by path
  3. 03Ship — edit anything

npx devsnips init

npx devsnips add react/split-button