What is Velocity?
Overview
Section titled “Overview”Velocity is the custom Astro theme and component framework built by Aidxn Design. It powers every website we create, providing a battle-tested foundation of reusable components, optimised defaults, and design patterns.
Why Velocity?
Section titled “Why Velocity?”Performance by Default
Section titled “Performance by Default”Velocity sites ship minimal JavaScript by default. Astro’s island architecture means interactive components only hydrate when needed, keeping pages fast without sacrificing functionality.
Component Library
Section titled “Component Library”A growing library of production-ready components covering:
- Navigation and headers
- Hero sections and CTAs
- Service and feature grids
- Testimonials and social proof
- Pricing tables
- Contact forms
- Blog and content layouts
- Footer variations
Tailwind-Powered Design System
Section titled “Tailwind-Powered Design System”Every component uses Tailwind CSS with a consistent design token system. Colours, spacing, typography, and breakpoints are standardised across the entire framework.
Dark Mode Built In
Section titled “Dark Mode Built In”Velocity includes Alpine.js-powered dark mode that respects user system preferences and persists across sessions.
View Transitions
Section titled “View Transitions”Smooth page transitions powered by Astro’s built-in View Transitions API, giving sites an app-like feel without the complexity of a SPA.
Tech Stack
Section titled “Tech Stack”| Layer | Technology |
|---|---|
| Framework | Astro 5 |
| UI Components | Astro + React |
| Styling | Tailwind CSS 3 |
| Interactions | Alpine.js |
| Animations | GSAP, Framer Motion |
| Icons | astro-icon |
| Deployment | Netlify |
Getting Started
Section titled “Getting Started”Explore the framework in detail:
- Features — Full feature list
- Components — Component library documentation