Open SourceUI LibraryReact

Interface UI.

Interface UI is a performant React component library that brings liquid glass aesthetics — popularised by iOS 26 — to the web. Built on Three.js for GPU-accelerated rendering and GSAP for silky animations, it ships components that feel genuinely tactile and premium.

All Products

Tech Stack

TypeScriptReactThree.jsGSAPViteTweakpane

Hosted At

interface.ferrousapps.com

Problem

Modern web UIs are visually flat. Developers want iOS-level glass and depth effects on the web, but WebGL-based UI components are complex to build and integrate correctly.

Solution

Interface UI abstracts the Three.js and GSAP complexity into simple React components. Import a Button or Card and get authentic liquid glass rendering with zero configuration.

Key Features

Liquid glass rendering via Three.js WebGL

GSAP-powered animations with spring physics

TypeScript-first with full type coverage

Tree-shakeable — import only what you use

Tweakpane integration for live design controls

Vite-based build for fast development

Published to npm as interface-ui-lib

Works with any React 18+ project

Case Study

Challenge

Liquid glass UI effects require complex WebGL setup that most React developers can't justify building from scratch.

Approach

Abstracted Three.js scene management and GSAP timelines into reusable React hooks and components, exposing a dead-simple API.

Outcome

An npm-publishable component library that brings GPU-accelerated glass aesthetics to any React project in one import.