Tactile Kinetic Interfaces,
Rendered with Warmth.
A commercial-grade library of warm editorial dark-mode components. Engineered with damped spring physics, dynamic optical glare, and sub-pixel light paths.
AI AGENT INTERFACES // Cognitive Reasoning Core & Artifact Drawer
Analyzing the mathematical constraints of kinetic damping...
Harmonizing the terracotta chromatic spectrum (#D97736) with warm obsidian (#141311)...
Refining spring mass to 0.8 and damping to 28 for an editorial physical inertia.
“Intelligence rendered with warm humanistic dignity, not fluorescent chrome.”
Notice how the terracotta accents draw focus without causing sensory fatigue. Spring curves are calibrated with higher damping to convey calm authority and intellectual presence.
PHYSICAL KINEMATICS & PERIMETER OPTICS
Obsidian 3D Perspective Card
Glides smoothly across cursor vectors with calibrated damped spring physics and dynamic champagne specular glass reflections.
Warm Terracotta Contour Laser Beam
Continuous circulating laser stream orbiting card bounds without harsh strobing, backed by ambient ceramic candlelight flares.
COORDINATED PHOTOMETRICS: WARM PROXIMITY BENTO GRID
Warm Proximity Bento Grid
Multi-card coordinated lighting array where the mouse acts as a point light source illuminating borders and textures in proximity.
Calm & Restraint
Avoids visual sensory overload. Every micro-animation serves to confirm user agency.
CURSOR PHYSICS // Kinetic Letter Repulsion
CURSOR PHYSICS // Magnetic Attractor
Move cursor over buttons — spring stiffness 300 · damping 25 · mass 0.5
KINETIC SURFACES // Momentum Velocity Marquee
DRAG TO ACCELERATE · RELEASE FOR INERTIA
GENERATIVE FORMS // Organic Noise-field Blob
FORM // 01
∞
Organic boundaries that breathe with the rhythm of noise.
feTurbulenceFORM // 02
◈
Displacement fields warping rigid geometry into living form.
feDisplacementMapFORM // 03
⟡
No keyframes. Continuous parametric motion driven by elapsed time.
useAnimationFrameEDITORIAL TYPOGRAPHY // Cryptographic Glitch Scramble
HOVER TO DECRYPT
SCROLL-LINKED MOTION // Spring Physics Counter
Scroll into view to trigger
CURSOR PHYSICS // Throw & Snap Card
DRAG · THROW · SNAP
Kinetica
Throw me.
GENERATIVE SURFACES // Cursor Proximity Spotlight
LAYOUT MOTION // Spring Physics Accordion
GENERATIVE SURFACES // Film Grain Noise Card
SURFACE // 01
F=ma
Every element obeys the laws of motion. Mass, stiffness, and damping replace duration and easing.
Newton’s 2nd LawSURFACE // 02
∂t
Time flows through each component as a continuous variable — not discrete keyframe steps.
Parametric MotionSURFACE // 03
e⁻ˣ
Exponential decay governs the return to rest: velocity halves every N milliseconds until stillness is achieved.
Damped OscillationOne investment. Infinite projects.
No subscriptions. Pay once for a commercial license and keep receiving every new kinetic component we craft forever.
Community Starter
For hobbyists and open-source personal side experiments.
- Core 3D Tilt Card (Base physics)
- Basic Tailwind dark color definitions
- Public GitHub repository access
- Community support on Discord
- Personal non-commercial use
Pro Lifetime
For independent developers, designers, and fast-moving AI founders.
- Complete Kinetic Warm Component Suite
- 3D Perspective Tilt with Specular Glare
- Laser Contour Border Beam (Continuous flow)
- Reactive Spotlight Bento Grid system
- Reasoning Stream & Artifact Previewer module
- Commercial use on UNLIMITED projects
- Private GitHub repo invite + Direct npm token
- Lifetime access to all future kinetic additions
Team & Agency
For agencies, design studios, and engineering organizations.
- Everything included in Pro Lifetime
- Up to 15 team developer seats
- Commercial distribution in client deliverables
- Figma design system (.fig file included)
- Custom kinetic component review
- Dedicated private Slack / Discord channel
Instant digital source access with guaranteed Next.js App Router and TypeScript compatibility.
Frequently Asked Questions
Yes, absolutely. The Pro and Team licenses grant unlimited commercial usage rights for your SaaS apps, client sites, internal dashboards, and open portals without attribution.