This is a modern, high-performance portfolio template built with Astro and Tailwind CSS.
- ⚡️ Super Fast: Built with Astro for zero-JS by default.
- 🎨 Tailwind CSS v4: Using the latest CSS-first configuration.
- 💎 Premium Design: Glassmorphism, smooth gradients, and micro-animations.
- 📱 Responsive: Fully optimized for mobile, tablet, and desktop.
- 🌗 Dark Mode: Built with a dark theme by default.
- 🔒 TypeScript: Type-safe development.
/
├── src/
│ ├── components/
│ ├── layouts/
│ │ └── Layout.astro # Main layout with SEO & Fonts
│ ├── pages/
│ │ └── index.astro # Landing page
│ └── styles/
│ └── global.css # Tailwind imports & custom styles
├── public/
└── package.json
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Build for production:
npm run build
- Edit
src/pages/index.astroto update your Content, Skills, and Projects. - Edit
src/layouts/Layout.astroto update the global<head>, fonts, or background.