Numb.Design
AI Agent Toolkit · Zero Bloat · 100% Free

Tell Your AI Agent What to Build
We Install Only What You Need.

A single NPM command. Your AI agent describes the output — Numb.Design picks the exact packages, nothing more. No bloat, no conflicts, no unused dependencies.

Change your mind? We clean up the old packages too.

Try the WizardBrowse Packagesnpx numb-design init
100+
Free Packages
1
Command to Start
Zero
Bloat
5min
To First Build
Powered by these tools
shadcn/uishadcn/uiDaisyUIDaisyUIRadix UIRadix UIMantineMantineChakra UIChakra UIFlowbiteFlowbiteBootstrapBootstrapTailwind CSSTailwind CSSPico CSSPico CSSOpen PropsOpen PropsLucideLucideTabler IconsTabler IconsHeroiconsHeroiconsPhosphor IconsPhosphor IconsRemix IconRemix IconFeather IconsFeather IconsGoogle FontsGoogle FontsFontsourceFontsourceDaFontDaFontCoolorsCoolorsAdobe ColorAdobe ColorColor HuntColor HuntFramer MotionFramer MotionGSAPGSAPAnime.jsAnime.jsshadcn/uishadcn/uiDaisyUIDaisyUIRadix UIRadix UIMantineMantineChakra UIChakra UIFlowbiteFlowbiteBootstrapBootstrapTailwind CSSTailwind CSSPico CSSPico CSSOpen PropsOpen PropsLucideLucideTabler IconsTabler IconsHeroiconsHeroiconsPhosphor IconsPhosphor IconsRemix IconRemix IconFeather IconsFeather IconsGoogle FontsGoogle FontsFontsourceFontsourceDaFontDaFontCoolorsCoolorsAdobe ColorAdobe ColorColor HuntColor HuntFramer MotionFramer MotionGSAPGSAPAnime.jsAnime.js
LottieFilesLottieFilesAutoAnimateAutoAnimateThree.jsThree.jsReact Three FiberReact Three Fiberp5.jsp5.jsBabylon.jsBabylon.jstsParticlestsParticlesChart.jsChart.jsD3.jsD3.jsRechartsRechartsApexChartsApexChartsApache EChartsApache EChartsUnsplashUnsplashPexelsPexelsPixabayPixabaySVG RepoSVG RepoReact Hook FormReact Hook FormFormikFormikZodZodDribbbleDribbbleAwwwardsAwwwardsStorysetStorysetAnimate.cssAnimate.cssAnimate on ScrollAnimate on ScrollGSAP ScrollTriggerGSAP ScrollTriggerLottieFilesLottieFilesAutoAnimateAutoAnimateThree.jsThree.jsReact Three FiberReact Three Fiberp5.jsp5.jsBabylon.jsBabylon.jstsParticlestsParticlesChart.jsChart.jsD3.jsD3.jsRechartsRechartsApexChartsApexChartsApache EChartsApache EChartsUnsplashUnsplashPexelsPexelsPixabayPixabaySVG RepoSVG RepoReact Hook FormReact Hook FormFormikFormikZodZodDribbbleDribbbleAwwwardsAwwwardsStorysetStorysetAnimate.cssAnimate.cssAnimate on ScrollAnimate on ScrollGSAP ScrollTriggerGSAP ScrollTrigger
The Problem

Frontend Setup Is Still Too Hard

You shouldn't need to hand-pick packages, read compatibility docs, and clean up abandoned dependencies just to build a UI. Your AI agent should handle all of that.

Too Much Bloat

Installed a massive UI library for one button? A full animation suite for one fade-in? Most projects carry 80% unused dependencies. Wasted space, slower builds.

Dependency Hell

Found the perfect component library? Hope it doesn't conflict with the other three you already installed. npm audit becomes your daily ritual.

Wasted Time Curating

Hunting for the right packages, checking compatibility, reading docs, managing versions. Every project starts with hours of setup before a single line of UI code.

How It Works

Three Steps from Idea to UI

Your AI agent handles the discovery. Numb.Design handles the installation. You just tell it what to build.

01

Tell Your AI Agent What You Need

"Build me a premium landing page." That's it. Your AI agent analyzes your requirement and determines the exact packages needed — nothing more, nothing less.

Learn more
02

Numb.Design Picks the Packages

Our CLI scans the requirement and installs only what's needed. shadcn/ui for components? Framer Motion for animations? Geist for fonts? Done. The rest stays out.

03

Instant, Clean Frontend

A fully working frontend built from free, open-source packages. Change your mind? Run cleanup — old packages and code are removed. Your space stays pristine.

Learn more

Choose What Your AI Agent Uses

Curated packages across every discipline. Your AI agent picks the right ones and builds your frontend. No subscriptions, no bloat, no limits.

AI-Powered Selection

Your AI agent analyzes your requirements and selects exactly the right packages. No more guessing, no more bloat — only what you need.

Explore AI-Powered Selection

Zero Bloat Guarantee

Only 128+ free packages available. If you change your mind, unused packages are automatically removed. Your workspace stays clean.

Explore Zero Bloat Guarantee

5-Minute Frontends

Describe your vision once. The AI handles package selection, installation, and setup. A stunning, working frontend in minutes, not hours.

Explore 5-Minute Frontends

128+ Free Packages

Every package is free, open-source, and pre-vetted. Your AI agent explores the catalog, picks the best, and builds your output — no subscriptions, no limits.

Explore 128+ Free Packages
Browse by Category

14 Categories, Endless Possibilities

From UI components to prototyping tools — every category is packed with hand-picked free resources.

UI Components

Copy-paste & component libraries for React, Vue, Tailwind, and more

19 resources

Icons & Illustrations

Beautiful free icons, illustrations, and SVG resources

10 resources

Fonts & Typography

Free fonts, typefaces, and typography tools for any project

9 resources

Colors & Palettes

Color systems, palette generators, and contrast tools

11 resources

Animation & Motion

Animation libraries for smooth, engaging user experiences

10 resources

Transitions & Effects

CSS transitions, hover effects, and micro-interactions

8 resources

3D, Canvas & Special FX

3D rendering, particle effects, and interactive graphics

6 resources

Charts & Data Viz

Chart libraries and data visualization tools

8 resources

Images & Media

Free stock photos, SVGs, and media resources

7 resources

Gradients & Patterns

Gradient generators, pattern libraries, and textures

9 resources

Forms & Validation

Form libraries, validation, and input masking tools

6 resources

Layout & Grid

CSS frameworks, grid systems, and layout generators

6 resources

Design Inspiration

Curated galleries, references, and design showcases

14 resources

Prototyping & Preview

Tools for prototyping, previewing, and testing designs

5 resources
All Resources

The Package Catalog

Every package hand-curated. Your AI agent browses and picks only what's needed for your build.

19 packages

UI Components

Copy-paste & component libraries for React, Vue, Tailwind, and more

Aceternity UI

Aceternity UI

Stunning animated React components with Framer Motion. Premium landing pages.

npm i @aceternity/ui
Ark UI

Ark UI

Headless UI library for React, Vue, Solid. Accessible, unstyled primitives.

npm i @ark-ui/react
Chakra UI

Chakra UI

Simple, modular React components. Great accessibility out of the box.

npm i @chakra-ui/react
DaisyUI

DaisyUI

Tailwind CSS component classes. 50+ components, 35+ themes.

npm i daisyui
10 packages

Icons & Illustrations

Beautiful free icons, illustrations, and SVG resources

Feather Icons

Feather Icons

Simply beautiful open-source icons. 280+ icons, minimal and clean.

npm i react-feather
Heroicons

Heroicons

Tailwind CSS official icon set. 292 icons in outline/solid. By Tailwind Labs.

npm i @heroicons/react
Phosphor Icons

Phosphor Icons

Free, flexible icon family with 6 weights. React, Vue, and SVG.

npm i @phosphor-icons/react
Remix Icon

Remix Icon

2800+ open-source neutral-style icons. System icons for every use case.

npm i remixicon
9 packages

Fonts & Typography

Free fonts, typefaces, and typography tools for any project

DaFont

DaFont

Archive of free downloadable fonts. Categorized by style and popularity.

FontJoy

FontJoy

AI-powered font pairing generator. Get perfect font combinations instantly.

Fontshare

Fontshare

Quality free fonts by Indian Type Foundry. Professional-grade typefaces.

Fontsource

Fontsource

Self-host open-source fonts as npm packages. No Google Fonts dependency.

npm i @fontsource/inter
11 packages

Colors & Palettes

Color systems, palette generators, and contrast tools

Adobe Color

Adobe Color

Adobe's color wheel and palette generator. Extract themes from images.

Color Hunt

Color Hunt

Curated color palettes by designers. Trending combinations updated daily.

Coolors

Coolors

Fast color palette generator. Generate, save, and export color schemes.

Eva Design Colors

Eva Design Colors

Deep learning color generator. Accessible color systems for UI.

10 packages

Animation & Motion

Animation libraries for smooth, engaging user experiences

Anime.js

Anime.js

Lightweight JavaScript animation library. Works with CSS, SVG, DOM attributes.

npm i animejs
AOS (Animate on Scroll)

AOS (Animate on Scroll)

Scroll-triggered animations. Add animations to elements as they scroll into view.

npm i aos
Framer Motion

Framer Motion

Production-grade React animation library. Gestures, spring physics, layout animations.

npm i framer-motion
GSAP

GSAP

Professional-grade animation library. ScrollTrigger, timeline, morphing. Free on localhost.

npm i gsap
8 packages

Transitions & Effects

CSS transitions, hover effects, and micro-interactions

Animate.css

Animate.css

Ready-to-use CSS animations. Bounce, fade, slide, zoom — 100+ effects.

npm i animate.css
Transition.css

Transition.css

Drop-in CSS transitions library. Smooth state changes with minimal code.

CSS Filter Generator

CSS Filter Generator

Interactive CSS filter generator. Adjust brightness, contrast, blur and more.

CSShake

CSShake

Pure CSS shake animations. 100+ shake classes for attention-grabbing effects.

6 packages

3D, Canvas & Special FX

3D rendering, particle effects, and interactive graphics

Babylon.js

Babylon.js

Powerful 3D engine for the web. Game-ready, AR/VR, and interactive scenes.

npm i @babylonjs/core
p5.js

p5.js

Creative coding library for artists and designers. Canvas drawing, generative art.

npm i p5
Three.js

Three.js

The most popular 3D JavaScript library. 3D scenes, models, immersive experiences.

npm i three
Paper.js

Paper.js

Vector graphics scripting framework. Clean canvas drawing API.

npm i paper
8 packages

Charts & Data Viz

Chart libraries and data visualization tools

Apache ECharts

Apache ECharts

Powerful charting library from Apache. 30+ chart types, large datasets.

npm i echarts
ApexCharts

ApexCharts

Modern interactive chart library. 20+ chart types. Free and open-source.

npm i apexcharts
Chart.js

Chart.js

Simple yet flexible JavaScript charting. 8 chart types, animated, responsive.

npm i chart.js
D3.js

D3.js

Data visualization library. Full control over SVG output. Most powerful option.

npm i d3
7 packages

Images & Media

Free stock photos, SVGs, and media resources

Humaaans

Humaaans

Mix-and-match illustrations of people. Customize body parts, outfits, poses.

Pexels

Pexels

Free stock photos, videos, and music. Curated library with easy search.

Pixabay

Pixabay

Over 2 million free images, videos, and music. CC0 license, no attribution.

Unsplash

Unsplash

Beautiful free stock photos. High-resolution, no copyright, massive library.

9 packages

Gradients & Patterns

Gradient generators, pattern libraries, and textures

Gradient Hunt

Gradient Hunt

Trending gradient palettes. Thousands of beautiful gradient combinations.

Mesh Gradients

Mesh Gradients

Free mesh gradient collection. Soft, organic gradient blends for backgrounds.

Claymorphism Generator

Claymorphism Generator

CSS claymorphism effect generator. Soft, clay-like 3D shapes.

CSS Gradient

CSS Gradient

Gradient generator with live preview. Linear, radial, conic gradients.

6 packages

Forms & Validation

Form libraries, validation, and input masking tools

Cleave.js

Cleave.js

Format your input content. Credit cards, phone numbers, dates, and more.

npm i cleave.js
Formik

Formik

Build forms in React without tears. Handles validation, submission, and more.

npm i formik
React Hook Form

React Hook Form

Performant React forms with easy validation. Uncontrolled, reduces re-renders.

npm i react-hook-form
Zod

Zod

TypeScript-first schema validation. Perfect for form validation with React.

npm i zod
6 packages

Layout & Grid

CSS frameworks, grid systems, and layout generators

Bootstrap

Bootstrap

The most popular CSS framework. Grid, components, responsive, utility classes.

npm i bootstrap
CSS Grid Garden

CSS Grid Garden

Learn CSS Grid through an interactive game. Great for mastering grid layouts.

Flexbox Froggy

Flexbox Froggy

Learn CSS Flexbox through an interactive game. Master flex layouts.

Tailwind CSS

Tailwind CSS

Utility-first CSS framework. Fastest way to build custom layouts and designs.

npm i tailwindcss @tailwindcss/postcss
14 packages

Design Inspiration

Curated galleries, references, and design showcases

Awwwards

Awwwards

Website awards and inspiration. Best-designed websites from around the world.

Collect UI

Collect UI

Daily UI inspiration archive. UI patterns organized by component type.

DesignMD AI

DesignMD AI

AI-powered design inspiration and reference platform for modern interfaces.

DesignMD App

DesignMD App

Design reference app showcasing the best motion and interaction designs.

5 packages

Prototyping & Preview

Tools for prototyping, previewing, and testing designs

Figma

Figma

Free collaborative design tool. Prototyping, design systems, and handoff.

Hoverify

Hoverify

Browser extension for design tools. CSS inspector, color picker, responsive test.

Penpot

Penpot

Open-source design and prototyping platform. Figma alternative. Free forever.

Responsive Design Checker

Responsive Design Checker

Test responsive layouts across multiple devices. Free browser tool.

CLI & Package Manager

One Command to Start

Install everything you need with a single npx command. No config chasing, no dependency hell.

numb — bash
$npx numb-design init

numb-design

v1.0.0 · Published on npm

npm
1

Install CLI Tool

npx numb-design init

Interactive setup for your project

2

Quick Resource Install

npx numb-design add shadcn-ui lucide framer-motion

Install multiple resources at once

3

Apply Template

npx numb-design template landing-page

Scaffold a pre-built template

4

Search Resources

npx numb-design search buttons

Find resources from the terminal

View on GitHub
Built With

Powered by Open Source

Numb.Design is built entirely on free and open-source tools. Each one made this possible — please support them.

Next.js

Next.js

React framework

Framer Motion

Framer Motion

Animation library

Tailwind CSS

Tailwind CSS

Utility-first CSS

shadcn/ui

shadcn/ui

UI components

Geist Font

Geist Font

Typography

Lucide

Lucide

Icons

Simple Icons

Simple Icons

Brand icons

Radix UI

Radix UI

Headless primitives

Legal Notice: Numb.Design does not host, distribute, or modify any of the listed tools. All trademarks, logos, and brand names belong to their respective owners. Each resource is used under its respective open-source license. If you are a creator of a listed resource and wish to have it removed, please open an issue on our GitHub repository.