Nuxt 3 AtomTheme (IN DEVELOPMENT 🚧)

A Nuxt 3 starter template with AtomTheme, TailwindCSS, PostCSS, Flowbite, HyperUI, DarkTheme/ColorMode, NuxtIcon, VueUse, Lotti Animated Images, Nuxt DevTools.

Demo

Demo

Screenshots

Includes

💨 TailwindCSS 3
📮 PostCSS
🌊 Flowbite
🚀 HyperUI
✒️ DarkTheme/ColorMode
✨ NuxtIcon
🌟 VueUse
🔥 Lotti Animated Images
Nuxt DevTools

Look at the Nuxt 3 documentation to learn more.

Setup

Enable corepack (this will enable npm, yarn and pnpm) install pnpm if you dont have it npm i -g pnpm.

corepack enable

Make sure to install the dependencies:

# pnpm
pnpm i

Development Server

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

# pnpm
pnpm dev

Production

Build the application for production:

# pnpm
pnpm build

Locally preview production build:

# pnpm
pnpm preview

Deploy with Vercel

Deploy with Vercel

Check out the deployment documentation for more information.

Dark Theme

Light Theme

Lottie Files

Lottie files are animated .svg. Open components/AnimatedHead.vue to change the link, some alternatives are in the comments.