UI Starter with Astro
Version 0.0.1 · Astro-powered landing page with a modern frontend stack.
Core Platform
Astro
Primary framework for static-first rendering with optional client-side hydration.
astro ^5.16.3
Vite
Bundler and dev server powering fast HMR and builds.
via Astro
Styling & UI System
-
Tailwind CSS v4
Utility-first styling with Vite-native integration.
tailwindcss · @tailwindcss/vite
-
Animation Utilities
Standardized animation helpers for UI motion.
tailwindcss-animate · tw-animate-css
-
Design System Foundations
Class composition and variant-driven styling.
class-variance-authority · clsx · tailwind-merge
Interactivity Layer
Vue 3 (Integrated)
Enabled as an optional client-side layer for interactive islands. No Vue components are rendered on this page.
vue ^3.5.25 · @astrojs/vue
Vue Utility Layer
Composable utilities for browser APIs and state helpers.
@vueuse/core
Forms & Validation
-
Schema Validation
Strong runtime validation and parsing.
zod
-
Form State & Rules
Declarative validation rules and error handling.
vee-validate · @vee-validate/zod
-
Field Validation Helpers
Email, phone number, and string validation utilities.
validator
Data & Content
-
Location Data
Country, state, and city datasets using ISO standards.
country-state-city
-
SEO Management
Centralized SEO metadata handling.
astro-seo
-
Icons & Media
SVG icons and interactive carousels.
astro-icon · lucide-vue-next · swiper