V 2.0 Fluid geometry engine released

Fluid dimensions for modern spaces

Elevate your interfaces with physically based rendering, dynamic lighting, and seamless timeline animations directly out of the box. Designed for the agency studio standard.

Origin

The shift from flat to spatial.

For a decade, digital product design optimized for the flat plane. We constrained our creativity to two dimensions, focusing on rigid grids and static states. But human perception is inherently spatial. We understand depth, material, and light implicitly.

Nova was born from a fundamental question: What if interface primitives behaved like physical materials? What if a card wasn't just a container, but a pane of glass refracting the environment behind it?

By combining hardware-accelerated WebGL with standard DOM elements, we bridge the gap between high-end experiential sites and functional product interfaces. It’s not just about aesthetics; it’s about providing spatial context to user interactions.

Architecture

Engineered for depth.

Break free from the z-index constraint. Nova’s engine maps HTML nodes directly to WebGL contexts, allowing true dimensional hierarchy.

01. Material Definition

Declare physically based materials directly in your CSS or inline styles. Our parser translates familiar attributes like roughness, metalness, and transmission into optimized shader code.

02. Light Transport

Cast rays natively within the DOM. Shadows and caustics are computed in real-time, responding to cursor position and scroll velocity without heavy JavaScript overhead.

03. Post-Processing Pipeline

Chain bloom, chromatic aberration, and depth of field effects using our declarative Node interface. Everything stays perfectly synced with your React or Vue component lifecycle.

Node_44 Active

Throughput 9.2 TB/s

Sync_Rate

Modular capabilities.

Everything you need to construct premium, responsive spatial interfaces.

Hardware Accelerated

Leverage the full power of native GPU rendering. Our pipeline is optimized to deliver buttery smooth 120fps experiences even on mobile devices, ensuring your spatial UI never drops a frame.

Infinite Shaders

Exposed primitive hooks give you total control over materials, shading, and post-processing nodes.

Type-Safe Core

Built ground-up with rigid typings ensuring your graphical logic remains predictable.

DOM Syncing

Automatically map WebGL coordinates to DOM elements for seamless overlay interactions.

Ecosystem

A complete spatial toolkit.

Stop rebuilding the foundation. Nova ships a cohesive suite of surfaces, motion primitives, and integration utilities—optimized for depth, light, and performance.

See integration

Glass Surfaces

Material Presets

Scroll Triggers

Timelines

Code Blocks

Media Frames

Glass Surfaces

Material Presets

Theme Tokens

WebGL Mapping

Type-Safe Core

Controls

Theme Tokens

WebGL Mapping

Particles

Motion Effects

motion/

GlassPanel.tsx

webgl/

Particles

Predictable structure

Logical modules and clear naming make it effortless to locate the right surface, utility, or layout primitive.

React

Vue

Tailwind

Vanilla

Framework agnostic

Wrap existing components in a Spatial Provider, or drop down to raw HTML/CSS. Nova adapts to your stack—not the other way around.

Prompt

User Compose a glass panel with staged reveal and scroll sync

AI <GlassPanel stagedReveal syncScroll />

LLM-friendly primitives

Predictable props and semantic structure help tools like Copilot or Cursor compose advanced spatial interfaces from your design intent.

Adoption

Accelerating adoption

Teams standardize on Nova to ship spatial prototypes and production builds with the same engine.

Built by specialists.

A collective of creative technologists, former game engine developers, and product designers obsessed with the intersection of performance and aesthetics.

Meet the full team

Elena Rostova

Graphics Lead

Marcus Chen

Systems Architect

Sarah Jenkins

UX Engineering

Studio standard.

Adopted by top-tier agencies for production-grade deliverables.

"Nova completely changed how we pitch concepts. We no longer show static mockups; we send live, performant spatial prototypes that look exactly like the final build."

David K.

Creative Dir, Ominous

"The type-safe core and DOM syncing features saved us weeks of painful integration logic. It just works out of the box with our existing React stack."

Lisa M.

Lead Eng, Vektor

"Finally, a framework that understands the nuances of physical materials in UI design. The glass refraction primitives alone are worth it."

James T.

Founder, Studio X

Simple, scalable access.

Monthly

Annually -20%

Pro License

For independent developers and small studios.

$49 /mo

Unlimited commercial projects
Core spatial primitives
Community discord access

Enterprise Standard

Studio License

For agencies requiring advanced rendering and premium support.

$199 /mo

Everything in Pro
Advanced post-processing nodes
Dedicated Slack channel
Custom shader requests

Seamless integration.

Nova doesn't force you to rewrite your app. Wrap your existing components in our Spatial Provider and watch them gain physical properties instantly.

Supported

App.tsx

Bundle Size

12 kb

Gzipped and minified. Zero external dependencies required.

Performance

120 fps

Maintains target framerate on mobile devices.

Initiate contact.

Have specific enterprise requirements or need custom integration help? Our lead engineers are available to discuss your architecture.

systems@nova.ui

San Francisco, CA