https://github.com/iloveitaly/shadcn-react-playground

Shadcn playground on StackBlitz. Works well when paired with Bolt.new
https://github.com/iloveitaly/shadcn-react-playground

agent bolt llm react react-router shadcn shadcn-ui stackblitz tailwindcss

Last synced: about 2 months ago
JSON representation

Shadcn playground on StackBlitz. Works well when paired with Bolt.new

• Host: GitHub
• URL: https://github.com/iloveitaly/shadcn-react-playground
• Owner: iloveitaly
• Created: 2024-11-13T16:53:47.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-17T14:28:45.000Z (about 1 year ago)
• Last Synced: 2025-10-31T22:22:42.783Z (7 months ago)
• Topics: agent, bolt, llm, react, react-router, shadcn, shadcn-ui, stackblitz, tailwindcss
• Language: TypeScript
• Homepage: https://github.com/iloveitaly/shadcn-react-playground
• Size: 493 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Shadcn Playground with React + TypeScript + Vite

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/iloveitaly/shadcn-react-playground)

Great for using [Bolt.new](https://bolt.new) to iterate on UI designs.

All shadcn components are bundled into the repo. This is a plain old react app with no backend.

## Tailwind

[You cannot use v4 with StackBlitz right now.](https://github.com/tailwindlabs/tailwindcss/issues/13133)

## Bolt.new Tips

* https://x.com/stackblitz/status/1860013597281370565

* Lock all shadcn components in Bolt UI

* Customize [[.bolt/prompt]] to your liking

* Bolt can't sync with Git. The best flow is:

  1. Import this repo into stackblitz

  2. Open in bolt

  3. Iterate

  4. Download as zip

  5. Import into repo and go from there. Once you do this, it's hard to use bolt.