Reface UI

Reface UI is a comprehensive component library for building modern web interfaces. It provides a complete set of ready-to-use components with minimal JavaScript overhead, focusing on clean HTML and efficient interactions.

Features

• 🎯 Type-safe Components - Full TypeScript support with strict typing

• 🧩 Complete UI Kit - Rich set of ready-to-use components

• 🔌 Context System - Smart parent-child component interactions

• 🎨 Styled Components - CSS-in-JS with CSS variables and Container Queries

• 🏝️ Minimal JavaScript - Clean HTML with efficient interactions

• 🚀 Composition System - Flexible slots and predictable nesting

• ♿️ Accessible by Default - Semantic HTML with ARIA support

• 📐 Unified Sizing - Consistent 2px base step system

• 🔍 Opacity - Opacity is a number between 0 and 1

Built on top of ReCast template engine.

Reference

• leva - 🌋 React-first components GUI