Kinetic

Live Preview Buy Now

Template Details

Author: Colorlib

Released: August 2026

License: CC BY 3.0

Credits: Images from Unsplash

Description

An animated template where the animation is the product, not decoration. Kinetic ships scroll-driven reveals, tilt cards, magnetic buttons, a scroll rail and self-drawing SVG — and switches every one of them off for visitors who ask for reduced motion, which most animated templates forget to do.

Built with Astro 7 and Tailwind CSS 4, Kinetic delivers exceptional performance with lightning-fast page loads and a modern development experience. All content lives in simple YAML and Markdown files—edit text, reorder sections, or remove entire blocks without touching any code. The template includes a built-in blog with search and filtering, dark mode with persistent toggle, View Transitions for SPA-like navigation, and a fully responsive design that looks stunning on every device.

Agency Features

Scroll-driven reveal and parallax sections
Tilt cards and magnetic buttons
Self-drawing SVG scroll story
Infinite marquee band
Scroll-progress rail
Full prefers-reduced-motion support

Technical Highlights

Lightning-fast performance with Astro static generation
Utility-first styling with Tailwind CSS 4.x
YAML + Markdown content system — edit everything without code
Built-in blog with search, categories, and Markdown posts
Dark mode with persistent toggle and flash-free loading
View Transitions for SPA-like page navigation
Fully responsive mobile-first design
SEO optimized with Open Graph, structured data, and sitemap

Pricing Kinetic

Premium support
If you need help just post a ticket and our tech guys will get back to you asap. We have a stellar support team ready to help you in no time.
Template updates
We are constantly improving our templates making them compatible with different scripts and adding new features.
Support & Updates
SINGLE – The perfect choice for a personal purchase. You will get support and updates for 1 year.

MEMBERSHIP – The perfect choice for a small agency. You will get support and updates for 1 year.

LIFETIME – Perfect for developers, designers, agency that have multiple clients. You will get support and updates for life.
Access all templates
SINGLE – You get instant access to the current HTML templates plus all templates releases while you are a member.

MEMBERSHIP – You get instant access to the current HTML templates plus all templates releases while you are a member.

LIFETIME – You get instant access to all our current HTML templates plus all templates releases for life.