Pro

Scale your design engineering, master creative web craft.

Kinetic sections, headers, interactive footers, and shaders inspired by world-class digital experiences and reimagined from scratch in our own code. Distributed directly to your codebase via the official Shadcn CLI.

Community
$0/forever
Free & open-source

The perfect starting place for creative developers, open-source work, and exploring selected kinetic sections and modern layouts.

Curated collection of open kinetic sections & components
Selected kinetic headers & interactive footers
Standard CLI registry integration (npx shadcn add)
100% clean Next.js + React + Tailwind CSS code
Public documentation and live interactive code previews
MIT licensed for personal and commercial projects
Pro Annual AccessAll-Access Pass
$72/year
Billed annually ($6/mo equivalent)

The complete showcase collection. Unlock every Pro kinetic section and footer, WebGL shaders, and a personal license key for the CLI.

Everything in Community, plus:
20+ Pro kinetic sections & footers
Full architecture & animation math breakdowns
Multi-file Shadcn Registry CLI Pro Token (1-line install)
Interactive WebGL shaders, Three.js & Framer Motion physics
Regular drops of new items inspired by standout websites
Unlimited commercial client work & SaaS production apps
Member Dashboard for license management & CLI generator
Priority channel for new section requests

Kinetic UI & Design Engineering Library

Production-ready kinetic sections, interactive headers, footers, and shaders inspired by world-class creative websites and reimagined from scratch.

Headers, Footers & Blocks
Signature Kinetic Headers & Menus
Dynamic island, magnetic nav, kinetic dock, fullscreen mobile overlays
All Pro Headers
Interactive Architectural Footers
Smooth reveal footers, kinetic tickers, brutalist & architectural grid layouts
All Pro Footers
Complex Hero & Feature Sections
Sticky showcases, interactive decks, modern bento grids, editorial spreads
All Complex Blocks
Custom Jolocky Original Creations
Bespoke design-engineering components and interaction patterns built from scratch
Full Library
WebGL Shaders & Canvas Distortion
Fragment shaders, liquid distortion, mouse-driven particle canvases
Framer Motion & Kinetic Physics
Inertia scroll, spring dampers, velocity tracking, matrix transforms
Regular New Section Drops
Regular additions of new items inspired by standout creative websites and studio sites
Weekly & Monthly Drops

Developer Experience & Registry CLI

Seamless 1-line installation with official shadcn CLI, multi-file resolution, and private tokens.

Registry CLI Distribution
Standard Shadcn CLI Support
Install open components via standard npx shadcn add command
Private Pro Registry CLI Token
Direct 1-line installation for Pro blocks with automated token validation
Multi-File Dependency Resolution
Automatically resolves sub-components, custom hooks, and utility libraries
Automatic Sub-Component Tree Linking
Nested dependencies cleanly installed in components/ directory
Codebase & Stack Standards
100% Clean TypeScript Source
Strictly typed React 19 and Next.js 16 components
Tailwind CSS v4 & OKLCH Theme Harmony
Zero external stylesheets, full dark and light mode harmony
Zero Third-Party Vendor Lock-in
Code lives directly inside your repository, full control
60fps Production Performance
GPU-accelerated transforms, zero cumulative layout shifts

In-Depth Breakdowns & Learning Material

Detailed technical blueprints and mathematical breakdowns explaining how complex interactive sections are engineered.

Technical Breakdowns & Architecture
Architecture & DOM Anatomy Breakdowns
In-depth technical writeups detailing how cutting-edge sections were created
Full Deep-Dive
Animation Math & Kinetic Motion Physics
Step-by-step breakdowns of scroll dampers, springs, and matrix transforms
Shader & Canvas Source Code Breakdowns
GLSL fragment shaders and WebGL coordinate mappings clearly documented
Responsive Breakpoint & Layout Engineering Guides
Anatomical wireframes, responsive breakpoint guides, and token maps

Licensing & Commercial Rights

Commercial use in personal portfolios, client websites, and SaaS products. Pro licenses cover one developer each.

Commercial Freedom
Personal & Portfolio Projects
Use on personal portfolios and side projects. Pro source code must not be published in public repositories
Commercial Client Websites
Deploy in unlimited commercial client projects without attribution
Unlimited (Royalty-Free)
Commercial SaaS Products
Royalty-free commercial use in your own SaaS web applications
Unlimited (Royalty-Free)
Member Dashboard Access
Dedicated portal for license management, 1-click CLI generator, and invoices
Priority Section Requests
Suggest interactive website sections you would like us to reimagine next

Frequently asked questions

Jolocky is a Next.js and Tailwind CSS component library of kinetic sections and footers. Each item starts from a website design we admire. We rebuild it from scratch in our own code and reimagine it, changing the layout, colors, animation, effects, and motion, so no item is a one-to-one copy of its inspiration. Every item ships production-ready through the shadcn CLI, together with technical architecture breakdowns, animation mathematics, and layout engineering notes.

Ready to elevate your frontend craft?

Get instant access to 20+ Pro kinetic sections and footers, technical breakdown blueprints, and a personal license key for the private registry.

Explore Free