xiaoluoboding/stunning-ui

💚 Stunning UI is a collection of interactive Tailwind CSS components built for Vue and Nuxt.

Vue

412

161 commits

updated Aug 20, 2025

See the code

README

Stunning UI

Create Stunning Websites That Stand Out. Stunning UI is a collection of interactive Tailwind CSS components built for Vue and Nuxt.

Preview

Features

  • Components - 30+ free open-source components that you can copy and paste into your next project.
  • Blocks - Segmented and customizable blocks for creating various types of website pages.
  • Templates - Pre-made, ready to use templates for startups and small businesses.

Setup

Installation

Make sure to install the dependencies

pnpm install

Development

Start the development server on http://localhost:6636

pnpm dev

Production

Build the application for production:

pnpm build

Tech Stack

  • GSAP - For animations
  • Vue 3 - For the framework
  • Nuxt 3 - For the framework
  • Tailwind CSS - For the styles
  • Shadcn Vue - For the UI
  • VueUse - For the utilities
  • Vite - For the build

Contributing

See CONTRIBUTING.md and please follow our Code of Conduct.

License

MIT @xiaoluoboding

magic-ui
nuxt
shadcn-ui
tailwindcss
vue
vue3

xiaoluoboding/stunning-ui

💚 Stunning UI is a collection of interactive Tailwind CSS components built for Vue and Nuxt.

Vue

412

161 commits

updated Aug 20, 2025

See the code

README

Stunning UI

Create Stunning Websites That Stand Out. Stunning UI is a collection of interactive Tailwind CSS components built for Vue and Nuxt.

Preview

Features

  • Components - 30+ free open-source components that you can copy and paste into your next project.
  • Blocks - Segmented and customizable blocks for creating various types of website pages.
  • Templates - Pre-made, ready to use templates for startups and small businesses.

Setup

Installation

Make sure to install the dependencies

pnpm install

Development

Start the development server on http://localhost:6636

pnpm dev

Production

Build the application for production:

pnpm build

Tech Stack

  • GSAP - For animations
  • Vue 3 - For the framework
  • Nuxt 3 - For the framework
  • Tailwind CSS - For the styles
  • Shadcn Vue - For the UI
  • VueUse - For the utilities
  • Vite - For the build

Contributing

See CONTRIBUTING.md and please follow our Code of Conduct.

License

MIT @xiaoluoboding

magic-ui
nuxt
shadcn-ui
tailwindcss
vue
vue3

Significant stargazers

Sébastien Chopin

5,517 followers · starred Oct 2024

GU Yiling

3,534 followers · starred Oct 2024

Blake Kostner

348 followers · starred Oct 2024

Charles Chen

161 followers · starred Oct 2024