https://github.com/ifalfahri/react-ts-shadcn-starter

Vite + React + Typescript + Tailwind + shadcn/ui + Bun + SWC + Dark Mode Theming starter
https://github.com/ifalfahri/react-ts-shadcn-starter

bun component dark-mode dark-theme react reactjs shadcn-ui swc tailwind tailwindcss template typescript vite

Last synced: about 1 month ago
JSON representation

Vite + React + Typescript + Tailwind + shadcn/ui + Bun + SWC + Dark Mode Theming starter

• Host: GitHub
• URL: https://github.com/ifalfahri/react-ts-shadcn-starter
• Owner: ifalfahri
• Created: 2024-12-08T09:29:03.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-08T09:38:44.000Z (about 1 month ago)
• Last Synced: 2024-12-08T10:24:40.068Z (about 1 month ago)
• Topics: bun, component, dark-mode, dark-theme, react, reactjs, shadcn-ui, swc, tailwind, tailwindcss, template, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Typescript shadcn/ui Bun Vite Starter Kit

![Vite](https://img.shields.io/badge/Vite-646CFF?style=flat-square&logo=vite&logoColor=white)

![React](https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=white)

![Typescript](https://img.shields.io/badge/Typescript-3178C6?style=flat-square&logo=typescript&logoColor=white)

![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=flat-square&logo=tailwind-css&logoColor=white)

![shadcn/ui](https://img.shields.io/badge/shadcn/ui-000000?style=flat-square&logo=shadcnui&logoColor=white)

![SWC](https://img.shields.io/badge/SWC-yellow?style=flat-square&logo=swc&logoColor=white)

![Bun](https://img.shields.io/badge/Bun-orange?style=flat-square&logo=bun&logoColor=white)

> A minimal starter template to quickly setup your project with Vite, React, Tailwind CSS, and shadcn/ui in Typescript + SWC using Bun. Also with dark mode support.

## 💡 Features

- Vite for fast bundling and development.

- React for building interactive UIs.

- Typescript for type safety and better developer experience.

- Tailwind CSS for utility-first styling.

- shadcn/ui for pre-built UI components.

- SWC for faster JavaScript compilation.

- Bun for fast JavaScript runtime.

- Theme change component ready to use.

## 🚀 Getting Started 

You can either

### 1. Use this repository as template

By clicking the green "Use this template" button at the upper right in this page, or by simply clicking this [link](https://github.com/new?template_name=react-ts-shadcn-starter&template_owner=ifalfahri)

### 2. Deploy to Vercel

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fifalfahri%2Freact-ts-shadcn-starter)

### 3. Manual

``` 

git clone https://github.com/ifalfahri/react-ts-shadcn-starter.git

```

and then you can

```

bun install

```

```

bun run dev

```