// Bun Snapshot v1, https://bun.sh/docs/test/snapshots exports[`development: true react spa (no tailwind) dev server 1`] = ` " index | Powered by Bun

🥟

Welcome to Bun

The all-in-one JavaScript runtime & toolkit designed for speed

Get Started View on GitHub

3xBun Bun Bun

0.5sAverage Install Time

ExtremelyNode.js Compatible

Why Choose Bun?

⚡️

Lightning Fast

Built from scratch in Zig, Bun is focused on performance and developer experience

🎯

All-in-One

Bundler, test runner, and npm-compatible package manager in a single tool

🚀

JavaScript Runtime

Drop-in replacement for Node.js with 3x faster startup time

📦

Package Management

Native package manager that can install dependencies up to 30x faster than npm

🧪

Testing Made Simple

Built-in test runner with Jest-compatible API and snapshot testing

🔥

Hot Reloading

Lightning-fast hot module replacement (HMR) for rapid development

" `; exports[`development: true react spa (no tailwind) dev server 2`] = ` "create index.build.ts build create index.css css create index.html html create index.client.tsx bun create package.json npm 📦 Auto-installing 3 detected dependencies $ bun --only-missing install classnames react-dom@19 react@19 bun add *.*.* installed classnames@*.*.* installed react-dom@*.*.* installed react@*.*.* 4 packages installed [*ms] -------------------------------- ✨ React project configured Development - frontend dev server with hot reload bun dev Production - build optimized assets bun run build Happy bunning! 🐇 Bun v*.*.* dev server ready in *.** ms url: http://[SERVER_URL]/" `; exports[`development: true react spa (tailwind) dev server 1`] = ` " index | Powered by Bun

bun create for React

Start a React dev server instantly from a single component file

bun create ./MyComponent.tsx

Zero Config

Just write your React component and run. No setup needed.

Auto Dependencies

Automatically detects and installs required npm packages.

Tool Detection

Recognizes Tailwind, animations, and UI libraries automatically.

How it Works

Create Component

Write your React component in a .tsx file

Run Command

Execute bun create with your file path

Start Developing

Dev server starts instantly with hot reload

Ready to Try?

Read Docs GitHub →

" `; exports[`development: true react spa (tailwind) dev server 2`] = ` "create index.build.ts build create index.css css create index.html html create index.client.tsx bun create bunfig.toml bun create package.json npm 📦 Auto-installing 4 detected dependencies $ bun --only-missing install tailwindcss bun-plugin-tailwind react-dom@19 react@19 bun add *.*.* installed tailwindcss@*.*.* installed bun-plugin-tailwind@*.*.* installed react-dom@*.*.* installed react@*.*.* 7 packages installed [*ms] -------------------------------- ✨ React + Tailwind project configured Development - frontend dev server with hot reload bun dev Production - build optimized assets bun run build Happy bunning! 🐇 Bun *.*.* dev server ready in *.** ms url: http://[SERVER_URL]/" `; exports[`development: true shadcn/ui dev server 1`] = ` "create lib/utils.ts shadcn create index.css shadcn create index.build.ts bun create index.client.tsx bun create index.css css create index.html html create styles/globals.css shadcn create bunfig.toml bun create package.json npm create tsconfig.json tsc create components.json shadcn 📦 Auto-installing 9 detected dependencies $ bun --only-missing install lucide-react tailwindcss bun-plugin-tailwind tailwindcss-animate class-variance-authority clsx tailwind-merge react-dom@19 react@19 bun add *.*.* installed lucide-react@*.*.* installed tailwindcss@*.*.* installed bun-plugin-tailwind@*.*.* installed tailwindcss-animate@*.*.* installed class-variance-authority@*.*.* installed clsx@*.*.* installed tailwind-merge@*.*.* installed react-dom@*.*.* installed react@*.*.* 12 packages installed [*ms] 😎 Setting up shadcn/ui components $ bun x shadcn@canary add -y button badge card - components/ui/button.tsx - components/ui/badge.tsx - components/ui/card.tsx -------------------------------- ✨ React + shadcn/ui + Tailwind project configured Development - frontend dev server with hot reload bun dev Production - build optimized assets bun run build Happy bunning! 🐇 Bun *.*.* dev server ready in *.** ms url: http://[SERVER_URL]/" `; exports[`development: true shadcn/ui dev server 2`] = ` " index | Powered by Bun

New in Bun*.*.*

From Component to App in Seconds

Start a complete dev server from a single React component. No config needed.

$ bun create ./MyComponent.tsx
📦 Installing dependencies...
🔍 Detected Tailwind CSS
🎨 Detected shadcn/ui
✨ Dev server running at http://localhost:3000

Auto Dependencies

Automatically detects and installs required dependencies for your component

Tool Detection

Seamlessly integrates with Tailwind CSS, shadcn/ui, and other popular tools

Zero Config

No setup required. Start developing instantly with hot reload enabled

Ready to streamline your React development?

Get started with Bun's powerful component development workflow today.

" `; exports[`development: false react spa (no tailwind) dev server 1`] = ` " index | Powered by Bun

🥟

Welcome to Bun

The all-in-one JavaScript runtime & toolkit designed for speed

Get Started View on GitHub

3xBun Bun Bun

0.5sAverage Install Time

ExtremelyNode.js Compatible

Why Choose Bun?

⚡️

Lightning Fast

Built from scratch in Zig, Bun is focused on performance and developer experience

🎯

All-in-One

Bundler, test runner, and npm-compatible package manager in a single tool

🚀

JavaScript Runtime

Drop-in replacement for Node.js with 3x faster startup time

📦

Package Management

Native package manager that can install dependencies up to 30x faster than npm

🧪

Testing Made Simple

Built-in test runner with Jest-compatible API and snapshot testing

🔥

Hot Reloading

Lightning-fast hot module replacement (HMR) for rapid development

" `; exports[`development: false react spa (no tailwind) dev server 2`] = ` "create index.build.ts build create index.css css create index.html html create index.client.tsx bun create package.json npm 📦 Auto-installing 3 detected dependencies $ bun --only-missing install classnames react-dom@19 react@19 bun add *.*.* installed classnames@*.*.* installed react-dom@*.*.* installed react@*.*.* 4 packages installed [*ms] -------------------------------- ✨ React project configured Development - frontend dev server with hot reload bun dev Production - build optimized assets bun run build Happy bunning! 🐇 Bun v*.*.* ready in *.** ms url: http://[SERVER_URL]/" `; exports[`development: false react spa (tailwind) dev server 1`] = ` " index | Powered by Bun

bun create for React

Start a React dev server instantly from a single component file

bun create ./MyComponent.tsx

Zero Config

Just write your React component and run. No setup needed.

Auto Dependencies

Automatically detects and installs required npm packages.

Tool Detection

Recognizes Tailwind, animations, and UI libraries automatically.

How it Works

Create Component

Write your React component in a .tsx file

Run Command

Execute bun create with your file path

Start Developing

Dev server starts instantly with hot reload

Ready to Try?

Read Docs GitHub →

" `; exports[`development: false react spa (tailwind) dev server 2`] = ` "create index.build.ts build create index.css css create index.html html create index.client.tsx bun create bunfig.toml bun create package.json npm 📦 Auto-installing 4 detected dependencies $ bun --only-missing install tailwindcss bun-plugin-tailwind react-dom@19 react@19 bun add *.*.* installed tailwindcss@*.*.* installed bun-plugin-tailwind@*.*.* installed react-dom@*.*.* installed react@*.*.* 7 packages installed [*ms] -------------------------------- ✨ React + Tailwind project configured Development - frontend dev server with hot reload bun dev Production - build optimized assets bun run build Happy bunning! 🐇 Bun *.*.* ready in *.** ms url: http://[SERVER_URL]/" `; exports[`development: false shadcn/ui dev server 1`] = ` "create lib/utils.ts shadcn create index.css shadcn create index.build.ts bun create index.client.tsx bun create index.css css create index.html html create styles/globals.css shadcn create bunfig.toml bun create package.json npm create tsconfig.json tsc create components.json shadcn 📦 Auto-installing 9 detected dependencies $ bun --only-missing install lucide-react tailwindcss bun-plugin-tailwind tailwindcss-animate class-variance-authority clsx tailwind-merge react-dom@19 react@19 bun add *.*.* installed lucide-react@*.*.* installed tailwindcss@*.*.* installed bun-plugin-tailwind@*.*.* installed tailwindcss-animate@*.*.* installed class-variance-authority@*.*.* installed clsx@*.*.* installed tailwind-merge@*.*.* installed react-dom@*.*.* installed react@*.*.* 12 packages installed [*ms] 😎 Setting up shadcn/ui components $ bun x shadcn@canary add -y button badge card - components/ui/button.tsx - components/ui/badge.tsx - components/ui/card.tsx -------------------------------- ✨ React + shadcn/ui + Tailwind project configured Development - frontend dev server with hot reload bun dev Production - build optimized assets bun run build Happy bunning! 🐇 Bun *.*.* ready in *.** ms url: http://[SERVER_URL]/" `; exports[`development: false shadcn/ui dev server 2`] = ` " index | Powered by Bun

New in Bun*.*.*

From Component to App in Seconds

Start a complete dev server from a single React component. No config needed.

$ bun create ./MyComponent.tsx
📦 Installing dependencies...
🔍 Detected Tailwind CSS
🎨 Detected shadcn/ui
✨ Dev server running at http://localhost:3000

Auto Dependencies

Automatically detects and installs required dependencies for your component

Tool Detection

Seamlessly integrates with Tailwind CSS, shadcn/ui, and other popular tools

Zero Config

No setup required. Start developing instantly with hot reload enabled

Ready to streamline your React development?

Get started with Bun's powerful component development workflow today.

" `;