REFLEX
Minimalist portfolio website with GSAP animations, Lenis smooth scroll, custom cursor, project filtering, and single-file content management.
Source code included
- All 4 pages and components
- Responsive design (mobile-first)
- GSAP + Lenis animations pre-configured
- Single-file content management (site.ts)
- Markdown-based project system
- Contact form with validation
- Documentation
- Free updates
Overview
A refined, conversion-focused portfolio website crafted for creative developers, designers, and agencies who value understated elegance over flashy gimmicks. Reflex combines a minimalist "Ivory & Terracotta" aesthetic with buttery-smooth Lenis scrolling and polished GSAP animations. From the word-by-word hero reveal to the animated skill bars and project filtering – every interaction feels intentional and premium. Four carefully designed pages cover everything: a striking homepage with skills showcase, an about page with career timeline, a filterable projects archive with detail pages, and a contact page with form validation and FAQ accordion. All content lives in a single TypeScript config file – update your bio, skills, timeline, and contact info without touching component code. Projects are managed via Markdown files with full schema validation.Built on Astro for lightning-fast static output. Customize site.ts, add your projects, build, and deploy to Vercel or Netlify in minutes.
- Hero Animation
- Custom Cursor
- Lenis Smooth Scroll
- GSAP Animations
- Contact Form
- FAQ Accordion
- Career Timeline
- Mobile Responsive
- Single Config FIle
- Markdown Projects
- SEO Optimized
Specification
Built with
- Astro 4TypeScript
- Tailwind CSS3PostCSS
- GSAP 3ScrollTriggerLenis
- SyneDM SansSpace Mono
Pages included
- Navbar
- Fixed header with mobile hamburger menu, clip-path animation, mix-blend-difference for visibility
- Hero
- Large typography with word-by-word animation, dual CTAs, scroll indicator, blob decorations
- Skills
- 4 skill cards with animated progress bars, percentage visualization, tech stack tags
- Projects
- Featured project + grid layout, hover overlays with gradient backgrounds
- About
- Profile section, stats grid, 3 core values, career timeline with alternating layout
- Contact
- Form with floating labels, subject dropdown, info sidebar, FAQ accordion
- Project Detail
- Individual showcase with process steps, features, gallery, testimonials
- Footer
- Minimal footer with back-to-top button
More like this
All templates
PORTFOLIO01
Modern portfolio website for FiveM developers with animated hero, skills showcase, project grid, GSAP animations, and GDPR-compliant analytics.
TBX01
Premium Tebex Headless Store Template for FiveM with GSAP animations, dark mode, and full cart integration.
FLUID
Modern Tebex webstore frontend for FiveM with admin panel, Discord OAuth, GSAP animations, and full Tebex integration.