LogoRobo.js
TemplatesDiscord activities

TailwindCSS + shadcn/ui

A Discord Activity template with TailwindCSS and shadcn/ui components.

TailwindCSS + shadcn/ui

A Discord Activity template using TailwindCSS and shadcn/ui for beautiful, accessible components.

Getting Started

Create a project with this template:

npx create-robo@next <project-name> --template discord-activities/react-tailwind-shadcn-ts

Then navigate into your project directory:

cd <project-name>

Run development mode:

npm run dev

Features

  • TailwindCSS pre-configured
  • shadcn/ui component library
  • Dark mode support
  • TypeScript support

Adding Components

Use the shadcn CLI to add components:

npx shadcn add button
npx shadcn add card

Hosting

npm run deploy

On this page