Skip to content

Commit 5955a0c

Browse files
Rebrand to Numb.Design across codebase, CLI, and docs
- Updated all component references from DesignForge to Numb.Design - Updated CLI commands in HeroSection, CLISection, agent-skills - Rewrote README.md and AGENTS.md with Numb.Design branding - Updated server.sh, manifest.ts, sitemap.ts, robots.ts - Created packages/numb-design with published npm package structure - Fixed GitHub Actions workflow path to packages/numb-design/** - Fixed src/app/resources/page.tsx (empty file)
1 parent 85eb754 commit 5955a0c

27 files changed

Lines changed: 1749 additions & 173 deletions

File tree

.github/workflows/publish-cli.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@ on:
44
push:
55
branches: [main]
66
paths:
7-
- "packages/design-forge-cli/**"
7+
- "packages/numb-design/**"
88
workflow_dispatch:
99

1010
jobs:
1111
publish:
1212
runs-on: ubuntu-latest
1313
defaults:
1414
run:
15-
working-directory: packages/design-forge-cli
15+
working-directory: packages/numb-design
1616

1717
steps:
1818
- uses: actions/checkout@v4

AGENTS.md

Lines changed: 13 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,27 @@
1-
# DesignForge — AI Agent Guide
1+
# Numb.Design — AI Agent Guide
22

33
## What This Is
44

5-
**DesignForge** is a free design resource hub and project setup wizard. The website aggregates the best free UI/UX resources, and the setup script helps bootstrap projects with the right packages.
5+
**Numb.Design** is an AI-powered frontend builder. The website aggregates the best free UI/UX resources, and the CLI bootstraps projects with only the packages needed.
66

77
## Core Philosophy
88

99
1. **Zero bloat** — Install only the packages the project actually needs
1010
2. **100% free** — All resources listed are free/open-source
11-
3. **Setup via bash** — One curl command to bootstrap any project
11+
3. **Setup via CLI** — One command to bootstrap any project
1212

13-
## How an AI Agent Uses DesignForge
13+
## How an AI Agent Uses Numb.Design
1414

1515
### Quick Setup
1616

1717
```bash
18-
curl -fsSL https://design-forge-beta.vercel.app/cli/setup.sh | bash
18+
npx numb-design init
19+
```
20+
21+
Or the interactive wizard:
22+
23+
```bash
24+
curl -fsSL https://numb.design/cli/setup.sh | bash
1925
```
2026

2127
This interactive wizard:
@@ -25,38 +31,9 @@ This interactive wizard:
2531
4. Generates an install plan with exact npm commands
2632
5. Optionally applies the consistency layer (design tokens)
2733

28-
### Using Without the Wizard
29-
30-
The wizard maps your choices to specific npm packages:
31-
32-
| Style | Packages |
33-
|-------|----------|
34-
| glassmorphic | Glassmorphism CSS |
35-
| dark | Radix Colors |
36-
| playful | MagicUI, tsParticles |
37-
| animations | Framer Motion, AutoAnimate |
38-
| 3d | Three.js, React Three Fiber |
39-
| charts | Recharts |
40-
| forms | React Hook Form, Zod |
41-
| auth | NextAuth |
42-
| icons | Tabler Icons |
43-
| illustrations | unDraw |
44-
| fonts | Fontsource |
45-
| particles | tsParticles |
46-
| email | React Email |
47-
| payment | Stripe |
48-
49-
### Consistency Layer
50-
51-
The design tokens file (`consistency/design-tokens.css`) provides a normalized foundation:
52-
- CSS custom properties for spacing, colors, and typography
53-
- A `data-df-normalize` attribute for root-level resets
54-
- Dark mode support via `prefers-color-scheme`
55-
- Apply with `@import "consistency/design-tokens.css"` or `data-df-normalize`
56-
57-
## Resource Icons
34+
### Resource Icons
5835

5936
Every resource card shows the site's brand logo:
6037
- Uses SimpleIcons CDN for known brands: `https://cdn.simpleicons.org/SLUG/COLOR`
61-
- Falls back to Google Favicons API for other sites: `https://www.google.com/s2/favicons?domain=DOMAIN&sz=64`
38+
- Falls back to Google Favicons API: `https://www.google.com/s2/favicons?domain=DOMAIN&sz=64`
6239
- Falls back to first-letter initials if neither works

README.md

Lines changed: 60 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,95 +1,80 @@
1-
# ⚡ DesignForge — Your Free Design Command Center
2-
3-
**Aggregate. Combine. Build Premium.** DesignForge collects the best **100% free** UI/UX design resources from across the internet and presents them in one curated hub. No paid tools. No subscriptions. Just the best open-source design ecosystem.
4-
5-
## 🎯 The Problem
6-
7-
Free design resources are scattered across the web. You hunt through bookmarks, Google searches, and GitHub repos just to find what you need. DesignForge solves this by acting as a **central command center** for all free UI/UX resources.
8-
9-
## ✨ What's Inside
10-
11-
### 🧩 UI Components
12-
| Resource | What It Does |
13-
|---|---|
14-
| [shadcn/ui](https://ui.shadcn.com) | Copy-paste React components. Radix + Tailwind. Best in class |
15-
| [Aceternity UI](https://ui.aceternity.com) | Stunning animated components with Framer Motion |
16-
| [MagicUI](https://magicui.design) | Magical animations — sparkles, meteors, glows, beams |
17-
| [DaisyUI](https://daisyui.com) | Tailwind component classes. 50+ components, 35+ themes |
18-
| [Flowbite](https://flowbite.com) | 1000+ Tailwind components. React, Vue, HTML versions |
19-
20-
### 🎨 Icons & Illustrations
21-
| Resource | What It Does |
22-
|---|---|
23-
| [Lucide Icons](https://lucide.dev) | 5000+ beautiful, tree-shakeable icons |
24-
| [Tabler Icons](https://tabler.io/icons) | 5800+ MIT icons. Outline + filled |
25-
| [Heroicons](https://heroicons.com) | Tailwind's official icon set. 292 icons |
26-
| [Storyset](https://storyset.com) | Free animated SVG illustrations |
27-
| [unDraw](https://undraw.co) | Open-source SVG illustrations. Any color |
28-
29-
### 🎬 Animation & Motion
30-
| Resource | What It Does |
31-
|---|---|
32-
| [Framer Motion](https://motion.dev) | Production-grade React animation library |
33-
| [GSAP](https://gsap.com) | Professional-grade animation (free on localhost) |
34-
| [AutoAnimate](https://auto-animate.formkit.com) | One line — automatic smooth animations |
35-
| [LottieFiles](https://lottiefiles.com) | JSON animations from After Effects |
36-
37-
### 🧊 3D, Canvas & Special FX
38-
| Resource | What It Does |
39-
|---|---|
40-
| [Three.js](https://threejs.org) | 3D scenes in the browser |
41-
| [React Three Fiber](https://r3f.docs.pmnd.rs) | Three.js as React components |
42-
| [tsParticles](https://particles.js.org) | Particle effects — confetti, snow, stars |
43-
| [Recharts](https://recharts.org) | Composable React charts. Fully free |
44-
45-
## 🚀 Quick Start
46-
47-
### One-Command Setup
1+
# Numb.Design — AI-Powered Frontend Builder
2+
3+
Tell your AI agent what to build. Numb.Design installs only the packages you need — nothing extra. Premium frontends in 5 minutes from 100% free resources.
4+
5+
## Core Philosophy
6+
7+
- **Zero bloat** — Install only what the project actually needs
8+
- **100% free** — Every resource listed is free and open-source
9+
- **AI-native** — Your AI agent browses, picks, and installs. You just describe the output
10+
11+
## Quick Start
12+
4813
```bash
49-
bash <(curl -sL https://design-forge-beta.vercel.app/cli/setup.sh)
14+
npx numb-design init
5015
```
5116

52-
This will:
53-
- Create a Next.js project (if none exists)
54-
- Install framer-motion, lucide-react, clsx, tailwind-merge
55-
- Initialize shadcn/ui with essential components
56-
- Install MagicUI, Recharts, Tabler Icons
17+
Or use the interactive setup wizard:
5718

58-
### Manual Installation
5919
```bash
60-
# Core
61-
npm install framer-motion lucide-react clsx tailwind-merge
20+
bash <(curl -fsSL https://numb.design/cli/setup.sh)
21+
```
22+
23+
The wizard asks what you're building, your style preferences, and what features you need — then generates a plan with exact install commands.
24+
25+
## Features
26+
27+
### AI-Powered Selection
28+
Your AI agent analyzes your requirements and selects exactly the right packages. No more guessing, no more bloat — only what you need.
29+
30+
### Zero Bloat Guarantee
31+
Only the packages you need are installed. Change your mind? Unused packages are automatically removed. Your workspace stays clean.
6232

63-
# shadcn/ui
64-
npx shadcn@latest init
65-
npx shadcn@latest add button card input badge dialog dropdown-menu
33+
### 5-Minute Frontends
34+
Describe your vision once. The AI handles package selection, installation, and setup. A stunning frontend in minutes, not hours.
6635

67-
# Extras
68-
npm install magicui recharts @tabler/icons-react
36+
## How It Works
37+
38+
1. **Tell your AI agent what you need** — "Build me a premium landing page."
39+
2. **Numb.Design picks the packages** — The CLI scans the requirement and installs only what's needed. shadcn/ui for components? Framer Motion for animations? Geist for fonts? Done.
40+
3. **Instant, clean frontend** — A fully working frontend from free, open-source packages. Run cleanup to remove old packages — your space stays pristine.
41+
42+
## CLI Commands
43+
44+
```bash
45+
# Initialize a new project
46+
npx numb-design init
47+
48+
# Add packages
49+
npx numb-design add shadcn-ui lucide framer-motion
50+
51+
# Generate from template
52+
npx numb-design template landing-page
53+
54+
# Search available packages
55+
npx numb-design search buttons
6956
```
7057

71-
## 🏗️ Project Structure
58+
## Project Structure
59+
7260
```
73-
design-forge/
61+
numb-design/
7462
├── src/
7563
│ ├── app/ # Next.js app router pages
76-
│ ├── components/ # React components (Header, Hero, Cards, etc.)
64+
│ ├── components/ # React components
7765
│ ├── data/ # Resource definitions & metadata
78-
│ └── lib/ # Utility functions (cn helper)
66+
│ └── lib/ # Utility functions
7967
├── cli/
80-
│ └── setup.sh # One-command bootstrap script
68+
│ └── setup.sh # Interactive bootstrap wizard
69+
├── packages/
70+
│ └── numb-design/ # npm CLI package source
8171
└── public/ # Static assets
8272
```
8373

84-
## 🤝 Credits & Attribution
85-
86-
DesignForge is a **curation directory** — it does not host, redistribute, or modify any of the listed tools. Every resource belongs to its respective creator and is used under its open-source license (MIT, Apache 2.0, CC0, or similar).
74+
## Resources
8775

88-
**Please support these amazing projects:**
89-
- ⭐ Star their repos
90-
- 🐛 Report bugs to them
91-
- 💖 Consider sponsoring if you can
76+
Every package is hand-curated across categories: UI components, icons, animations, 3D, charts, forms, auth, email, payments, fonts, and more.
9277

93-
## 📜 License
78+
## License
9479

95-
This curation project is MIT licensed. The individual tools listed retain their own licenses.
80+
MIT

cli/setup.sh

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
#!/usr/bin/env bash
2-
# DesignForge — Interactive Project Setup Wizard
3-
# curl -fsSL https://design-forge-beta.vercel.app/cli/setup.sh | bash
2+
# Numb.Design — Interactive Project Setup Wizard
3+
# curl -fsSL https://numb.design/cli/setup.sh | bash
44
set -euo pipefail
55

66
trap 'echo -e "\n\n \033[0;31m✗ Cancelled by user\033[0m\n"; exit 1' INT
@@ -25,8 +25,8 @@ echo -e "
2525
${MAGENTA}${NC} ${BOLD}${WHITE}██║ ██║██████╔╝██║ ██║╚██████╔╝██║ ╚████║${NC} ${MAGENTA}${NC}
2626
${MAGENTA}${NC} ${BOLD}${WHITE}╚═╝ ╚═╝╚═════╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═══╝${NC} ${MAGENTA}${NC}
2727
${MAGENTA}${NC} ${MAGENTA}${NC}
28-
${MAGENTA}${NC} ${BOLD}${CYAN} DesignForge${NC} ${DIM}— Interactive Project Setup Wizard${NC} ${MAGENTA}${NC}
29-
${MAGENTA}${NC} ${DIM} Aggregates the best free design resources${NC} ${MAGENTA}${NC}
28+
${MAGENTA}${NC} ${BOLD}${CYAN} Numb.Design${NC} ${DIM}— Interactive Project Setup Wizard${NC} ${MAGENTA}${NC}
29+
${MAGENTA}${NC} ${DIM} AI-powered frontend builder — zero bloat${NC} ${MAGENTA}${NC}
3030
${MAGENTA}${NC} ${DIM} for your project.${NC} ${MAGENTA}${NC}
3131
${MAGENTA}╚═══════════════════════════════════════════════════════════════╝${NC}
3232
"
@@ -272,7 +272,7 @@ echo ""
272272
read -p " ${BOLD}Apply consistency layer?${NC} ${DIM}(design-tokens.css) (Y/n)${NC} " APPLY_CONSISTENCY
273273
echo ""
274274
if [ "$APPLY_CONSISTENCY" != "n" ] && [ "$APPLY_CONSISTENCY" != "N" ]; then
275-
CONSISTENCY_URL="https://raw.githubusercontent.com/karan-dhiver/design-forge/main/consistency/design-tokens.css"
275+
CONSISTENCY_URL="https://raw.githubusercontent.com/officialnullobjectweb/design-forge/main/consistency/design-tokens.css"
276276
echo -e " ${YELLOW}→ Downloading design tokens...${NC}"
277277
mkdir -p consistency
278278
if curl -fsSL "$CONSISTENCY_URL" -o consistency/design-tokens.css 2>/dev/null; then
@@ -293,7 +293,7 @@ for d in "${FINAL_PLAN[@]}"; do
293293
echo -e " ${MAGENTA}${NC} ${CYAN}${NC} ${d}"
294294
done
295295
echo -e " ${MAGENTA}├───────────────────────────────────────────────────────────┤${NC}"
296-
echo -e " ${MAGENTA}${NC} ${DIM}More resources: https://design-forge-beta.vercel.app${NC} ${MAGENTA}${NC}"
296+
echo -e " ${MAGENTA}${NC} ${DIM}More resources: https://numb.design${NC} ${MAGENTA}${NC}"
297297
echo -e " ${MAGENTA}╰───────────────────────────────────────────────────────────╝${NC}"
298298
echo ""
299299
echo -e " ${BOLD}Run ${CYAN}${PM} run dev${NC}${BOLD} to start building!${NC}"

package-lock.json

Lines changed: 3 additions & 26 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
{
2-
"name": "design-forge",
2+
"name": "numb-design",
33
"version": "0.1.0",
44
"private": true,
5-
"description": "Your free design command center — aggregate the best free UI/UX resources into one place",
5+
"description": "Numb.Design — AI-Powered Frontend Builder. Tell your AI agent what to build, we install only what you need.",
66
"scripts": {
77
"dev": "next dev",
88
"build": "next build",
@@ -22,8 +22,8 @@
2222
},
2323
"devDependencies": {
2424
"@tailwindcss/postcss": "^4",
25-
"@types/node": "^20",
26-
"@types/react": "^19",
25+
"@types/node": "20.19.41",
26+
"@types/react": "19.2.16",
2727
"@types/react-dom": "^19",
2828
"eslint": "^9",
2929
"eslint-config-next": "16.2.6",

0 commit comments

Comments
 (0)