Currently in Public Beta

Beautiful startup sections for shadcn/ui

A premium library of copy-and-paste sections designed for maximum customizability. Fully typed and engineered with Next.js, Typescript, Tailwind CSS, Shadcn, and Motion.

React
Tailwind CSS
Motion
terminal
components/landix/hero.tsx
✔ Copied!
export default function HeroBlock() {
return (
<section className="w-full py-20">
{/* Landix block content */}
</section>
)
}
Shadcn registry

Premium UI sections shouldn't cost a premium.

A collection of animated website sections. Add them directly from our shadcn registry, customize the raw code, and build your Next.js landing page for free.

Premium sections

Complex hero sections, dynamic bento grids, and interactive footers. Ready to drop into your Next.js app.

Tailwind v4

Engineered with the new Rust compiler. Native CSS variables, faster builds, and zero legacy bloat.

text-indigo-500

Motion physics

Natural, physics-based interactions. Grab and toss the element below to test the spring mechanic.

Drag

Production-Ready UI Blocks

Build stunning Next.js landing pages in minutes with our copy-and-paste Shadcn UI sections, Tailwind components, and modular layouts.

Premium Shadcn UI Blocks

Access a comprehensive library of UI blocks built on top of the Shadcn architecture. Pure React components styled with Tailwind CSS.

Complete Landing Page Sections

Native React & Tailwind CSS

Seamless Theme Integration

Copy. Paste. Ship.

No npm install required for components. Just copy the code directly into your Next.js project and maintain complete ownership of your UI.

What People Are Saying

SPOT AVAILABLE

We refuse to use fake testimonials.

Landix is brand new. Instead of writing dummy text, we saved this premium spot for our first true believers. Build something amazing, share your honest feedback on X, and claim this space.

Tweet your review

Ready to ship?

Add beautifully crafted sections directly to your project via our registry. You own the raw code, you shape the experience.

Read the Docs