New7 full landing page templates

Landing pages that
move.

78 animated React components and complete landing page templates, built with Tailwind CSS and Motion. Copy the code, paste it into your project, and own it forever.

View templates
$ npm i motion lucide-react

Works with your stack

Next.jsReact 19TypeScriptTailwind CSSMotionLucideViteRemixAstroNext.jsReact 19TypeScriptTailwind CSSMotionLucideViteRemixAstro

Live playground

Don't just look. Touch it.

Everything below is a real Kinetiq component, running right here.

Spotlight Card — move your cursor

Every detail responds to the people using it.

0

Components

0

Templates

Glow Border Card

Light that never stops moving.

Toggle Switch

Motion enabled

AC
LP
NK
MR
EB

Avatar Stack — hover a face

Buttons — click them all

All buttons →

Browse by category

Tip: press ⌘K to search everything

Scroll slowly ↓

Motionisnotdecoration.Itguidesattention,explainswhatjusthappened,andmakesyourproductfeelfast—evenbeforeitis.

Templates

Complete pages, ready to launch

All templates

Brightsmile

Healthcare

Nimbus

SaaS

Atlas

AI Startup

North Studio

Agency

Components

Building blocks with motion built in

All 78 components

Hero Section

Sections

Sticky Scroll

Scroll

Expandable Cards

Interactive

Pricing Table

Sections

Orbiting Icons

Interactive

Before / After Slider

Interactive

Built the way you'd build it

Senior-level code, not a black box.

Copy, paste, own it

No package to install or upgrade. Every component is a single file you control.

Typed & production-ready

Strict TypeScript, clean props and sensible defaults. Drop it in and ship.

Fast by default

GPU-friendly transforms, no layout thrash, and zero runtime CSS-in-JS.

Accessible

Semantic HTML, keyboard support, focus states and reduced-motion support.

Tailwind native

Restyle anything with utility classes. No theme config required.

Sections to full pages

Start from a single button or a complete, responsive landing page.

How it works

From idea to live page

This section is the Sticky Scroll component.

01

Browse

Filter by category or press ⌘K to jump straight to any component or template.

02

Preview

Every component runs live. Replay animations and try templates on desktop, tablet and phone.

03

Copy

One click copies a single, typed file. No package to install, nothing to configure.

04

Ship

Paste into your project, change the words, and deploy to Vercel or Cloudflare.

Questions?

Can't find what you need? Open an issue on GitHub.

Yes. Every component and template is free and MIT licensed — use it in personal, client and commercial projects.

Your next launch deserves to move.

Free, open source and ready for production today.