screwfast
Astro 5 landing page with Tailwind CSS 4, Preline UI, GSAP, and Starlight docs.
When & Why to Use This Skill
ScrewFast is a high-performance, SEO-optimized landing page template designed to accelerate the development of modern web projects. Built with the latest Astro 5 framework and Tailwind CSS 4, it provides a comprehensive solution for creating professional marketing sites, blogs, and technical documentation. By integrating Preline UI components and GSAP animations, it solves the problem of slow development cycles and inconsistent design, offering a production-ready foundation that ensures fast load times and superior user experiences.
Use Cases
- SaaS Product Launches: Rapidly deploy a conversion-optimized landing page with pre-built UI components and smooth GSAP animations to attract early adopters.
- Technical Documentation: Leverage the integrated Starlight framework to build clean, searchable, and easy-to-maintain documentation for software projects.
- Corporate Blogging: Establish a high-performance, SEO-friendly blog using Astro's efficient content handling and modern styling.
- Marketing Campaign Pages: Create responsive, mobile-first promotional pages quickly using Tailwind CSS 4 and Preline UI's versatile component library.
- Developer Portfolios: Showcase projects with a cutting-edge tech stack that demonstrates proficiency in modern web standards and performance optimization.
| name | screwfast |
|---|---|
| description | Astro 5 landing page with Tailwind CSS 4, Preline UI, GSAP, and Starlight docs. |
ScrewFast Landing Page
A versatile landing page, blog, and docs template with Astro 5, Tailwind CSS 4, Preline UI, GSAP animations, and Starlight documentation.
Tech Stack
- Framework: Astro 5 with Starlight docs
- Styling: Tailwind CSS 4, Preline UI
- Animation: GSAP, Lenis smooth scroll
- Package Manager: npm
- Output:
distdirectory - Dev Port: 4321
Setup
1. Clone the Template
git clone --depth 1 https://github.com/Eng0AI/screwfast-template.git .
If the directory is not empty:
git clone --depth 1 https://github.com/Eng0AI/screwfast-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Remove Git History (Optional)
rm -rf .git
git init
3. Install Dependencies
npm install
Build
npm run build
Runs astro check && astro build && node process-html.mjs which type checks, builds, and minifies HTML.
Deploy
Vercel (Recommended)
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist
Development
npm run dev
Opens at http://localhost:4321
Preview production build:
npm run preview