Pro

Introduction

Next

Jolocky provides production-ready kinetic sections, interactive footers, and complex blocks inspired by award-winning websites and reimagined from scratch. Built for Next.js, React, and Tailwind CSS.

Jolocky translates the visual craft of award-winning web design into modular, production-ready code.

Every developer and designer has visited world-class creative websites and wondered how the interactions were crafted. Recreating smooth magnetic docks, kinetic editorial sections, liquid shaders, and layered Bento grids from scratch usually demands days of experimentation, math calculations, and animation tuning.

Jolocky takes inspiration from these designs, reimagines them from scratch with its own layout, color, and motion, and packages them into clean code trees that you can install directly into your project via the CLI.

Core Principles

Jolocky is built on five core pillars:

  • Design Engineering Standards: Every section and block draws direct inspiration from world-class digital experiences, focusing on fluid physics, deliberate typography, and high-impact visual composition.
  • True Code Ownership: You copy or install the actual source code into your project. There are no black-box NPM dependencies wrapping your layout or restricting your customizations.
  • Modular Multi-File Architecture: Complex sections are decomposed into dedicated sub-components, custom hooks, and styles following clean engineering standards. Nothing is dumped into an unmaintainable thousand-line single file.
  • Tailwind CSS Native: All sections leverage modern CSS variables, native container queries, and the Tailwind CSS design token engine without legacy JavaScript configuration files.
  • Registry Distribution: Native compatibility with the standard registry CLI allows you to add any free or pro block with one command directly into your existing directory structure.

Free and Pro Tiers

Jolocky offers two tiers designed for practical development:

Free Community Tier

Selected foundational sections, footers, and utility helpers are freely available to everyone under the MIT license. You can browse, preview, and install them into any commercial or personal client project without cost.

Pro Annual Access

Pro subscribers receive complete access to the entire Jolocky showstopper library, including complex WebGL shaders, kinetic navigation systems, advanced motion sequences, full architectural breakdowns, and an authenticated CLI token for instant installation.

How It Works

  1. Explore the Showcase: Browse live previews of sections, footers, bento grids, and interactive blocks in the Showcase catalog.
  2. Review the Architecture: Inspect the multi-file component tree, dependencies, and design tokens used by the section.
  3. Install via CLI: Run the add command in your terminal using your preferred package manager to copy the code directly into your repository.
  4. Customize Freely: Adjust the typography, animations, content, and colors to match your brand identity.