By Kryntix Studio25K+ on Instagram

The design vault behind premium, cinematic websites.

Every prompt, tutorial, reference, and source code Kryntix Studio uses to ship modern websites with AI — one resource library. No fluff. No generic prompt packs.

Last updated September 29, 2026

Curated resources
27
Curated resources
One-time, lifetime access
$29
One-time, lifetime access
Categories
12
Categories
Kryntix Motion primitives
264
Kryntix Motion primitives
What's inside

Everything you need. One coherent workflow.

Not a random prompt dump — a structured library of prompts and tutorials that mirrors how Kryntix Studio actually plans, designs, and builds.

Source Codes & Real Projects

Included

The flagship category — real, working repos to study, strip for parts, or ship as-is, each with a shot-by-shot build tutorial. New projects ship over time, free for life.

See what's included

Kryntix Motion

Included

264 interaction primitives across 7 categories — cursor physics, shader-driven imagery, kinetic type, scroll choreography. The exact library behind every Kryntix build.

See it in action

AI Design Prompts

Structured prompts for generating premium visual direction with AI.

Claude Code Prompts

Prompts built for Claude Code — inspect, plan, implement, verify.

Hero & Landing Pages

Battle-tested structures for cinematic heroes and landing sections.

Animation & Motion

GSAP timelines, Framer Motion transitions, and the easing tokens behind them.

WebGL & 3D

Three.js and shader references for depth without the bloat.

Creative Direction & Design Systems

Brand-to-visual-language systems — type scales, color, and curated references.

Vibe Coding & Dev Workflows

The end-to-end AI-assisted build process, from concept to shipped stack decisions.

Tools & Resources

The exact tools used to plan, design, and ship — no guesswork.

Preview

A sample of what you unlock.

A handful of resources are free to try. The full library — structured prompts and step-by-step guides, with goal, usage, stack, and notes — unlocks with the Vault. Source codes included, not just prompts.

Claude Code Prompts
Free

Inspect-before-implement project onboarding

Before we do anything else, inspect this codebase and build a mental model of it. Do not write or modify any code yet. 1. Identify the framework, language, and package manager in use. 2. Map the top-level architecture: where routes/pages live, where shared components live, where data-fetching and state management happen, and how styling is organized. 3. Identify existing conventions: naming patterns, file structure patterns, how errors are handled, how the project tests itself (if at all). 4. Flag anything unusual or inconsistent you notice — dead code, mixed patterns, TODOs that look load-bearing. 5. Summarize this back to me in under 300 words, structured as: Stack / Architecture / Conventions / Flags. Once I confirm your summary is accurate, I'll describe the feature or fix I need — plan your implementation against the conventions you just found, not against generic best practices that might conflict with how this project already does things.

BEGINNER
Vibe Coding WorkflowsGuide

AI cinematic asset pipeline (Kling AI + Higgsfield AI → web)

Generate premium AI video/motion backgrounds with Kling AI and Higgsfield AI, then integrate them into a site without tanking performance.

INTERMEDIATEUnlock
Hero & Landing Pages

Cinematic scroll-scrub hero

Build a hero that scrubs an image-frame sequence tied to scroll position for a cinematic, film-like feel.

ADVANCEDUnlock
Vibe Coding WorkflowsGuide

Concept-to-shipped AI-assisted build workflow

The full sequence — from a one-line concept to a deployed site — structured as discrete AI-assisted stages instead of one giant prompt.

ADVANCEDUnlock
Typography & Color

Fluid editorial type-scale system

A clamp()-based fluid type scale tuned for large headlines and long-form technical copy.

INTERMEDIATEUnlock
WebGL & 3D

Minimal shader-driven 3D logo

A single logo mesh with a custom fragment shader for a subtle glow, kept light enough for a header.

ADVANCEDUnlock

You're looking at 6 of 27 resources. The vault unlocks the full library — 27 prompts and tutorials across 12 categories, plus every resource added after launch.

Source codes included

Real, working repos — not just prompts. Included with every purchase.

See what's included
Included

Source codes included for projects — not just prompts.

The vault ships with real, working repos you can study, strip for parts, or ship as-is — full cinematic builds, private repos, full source. Plus step-by-step tutorials on exactly how each one was made — the full AI-to-code workflow, shot by shot.

cinematic-hero.repo
TypeScript
scroll-narrative.repo
GSAP
product-launch.repo
Next.js
agency-landing.repo
Framer Motion
3d-hero-scene.repo
WebGL
+ more insideUnlock with the Vault
Included with the Vault

264 interaction primitives, included with the Vault.

Kryntix Motion is the interaction library behind every Kryntix build — cursor physics, shader-driven imagery, kinetic type, scroll choreography. It ships inside the Vault. Scroll to feel it react.

01/ 04

264 primitives.

Cursor physics, shader-driven imagery, kinetic type, scroll choreography — the full interaction vocabulary behind every Kryntix build.

7 categories.

Scroll, Cursor & Pointer, Buttons, Typography, Cards, Images & Shaders, Forms & Inputs — organized so you can find the exact effect you need.

Zero boilerplate.

Typed, documented, framer-motion and WebGL2 primitives — drop them in and skip weeks of animation work.

Included with the Vault.

This entire section is ScrollJackedChapters — a real Kryntix Motion primitive, pinning and scrubbing chapters off your scroll position.

WaterRippleImage

Move your cursor across the image

PROMPTS
TUTORIALS
SOURCE
MOTION

StackedDepthCards — hover to fan out

TextLiquidMetalFill

Cursor physics.

Kinetic type.

DualWaveScrollText — scroll to feel it react

ShaderText — move your cursor

Kryntix Motion card primitives — fanned stack, magnify loupe, unfold reveal
Kryntix Motion shader primitives — chromatic aberration, pixel dissolve
Kryntix Motion button primitives — liquid morph, drag, kinetic squash, split-flap
Kryntix Motion cursor primitives — collision repel grid, chain-link follow, magnetic text
Get the Vault

7 categories, included with the Vault.

Pricing

One price. No subscription.

Pay once, keep access for good. Built for developers and designers who want to ship premium work faster — not another SaaS bill.

$29one-time

Less than an hour of freelance dev time — yours for good.

  • Full resource library — 27 prompts and tutorials across 12 categories
  • Source codes included for projects — not just prompts, including a full cinematic website build
  • Kryntix Motion — 264 interaction primitives across 7 categories, included
  • Structured prompts and step-by-step tutorials — goal, usage, stack, and implementation notes
  • GSAP, Framer Motion, and WebGL/3D references
  • Claude Code workflows & AI video tutorials (Kling AI, Higgsfield AI) for AI-assisted development
  • Design references, type scales, and color systems
  • Lifetime access — new resources added at no extra cost
  • 14-day refund if it's not a fit

Secure checkout via Gumroad · 14-day refund if it's not a fit.

FAQ

Questions, answered.

Is this a subscription?
No. It's a one-time $29 payment for lifetime access to the vault, including future resources added to the library.
Who is this for?
Developers, designers, and freelancers building modern websites with AI-assisted tools — anyone who wants a faster path to premium-feeling results.
What do I actually get?
Two kinds of resources, not raw text snippets. Structured prompts — goal, usage, stack, and implementation notes. And step-by-step tutorials for staged workflows, like generating AI video assets with Kling AI and Higgsfield AI, or the full concept-to-shipped build process. Plus one bonus project — see below.
Do I get source codes, or just prompts?
Real, working source codes — not just text prompts. That includes a complete, private-repo cinematic website included free with the vault, plus a tutorial breaking down exactly how it was made, shot by shot, start to finish.
Does this work with tools other than Claude?
Prompts are written to be model-agnostic where possible, with dedicated Claude Code prompts for teams using it as their primary AI coding tool.
Do you offer refunds?
If the vault isn't a fit for your workflow, reach out within 14 days of purchase and we'll refund it.