logo
UI Elements
Design System
License
Changelog
github

One Design System

Infinite Possibilities

Elementa UI is a modern, open-source design system built on shadcn-ui, bringing Deriva's unique visual DNA to your products.

Seamless UX across all Deriva products with reusable components, centralized maintenance, and lightning-fast prototyping.

Scroll to explore

The Challenge

Deriva operates a portfolio of 5+ products, each solving unique user problems with their own UI/UX. While powerful individually, these products lack the seamless transition experience users expect. Managing separate design systems across multiple codebases creates maintenance overhead, design inconsistencies, and slows down development velocity.

man with question mark

The Solution: Elementa UI

Built on shadcn-ui's headless philosophy, extended with Deriva's unique visual DNA

Consistent UI/UX

Maintain seamless design across all 5+ Deriva products, creating a unified experience for end-users

Reusable Components

Pre-built, battle-tested components that work across all products without reinventing the wheel

Faster Development

Reduce decision-making overhead and ship features faster with pre-configured design tokens

Instant Prototyping

Prototype complex UIs out of the box with minimal configuration and maximum flexibility

Override Configs

Handle complex use cases with powerful override configurations for specific product needs

Single Source of Truth

One repository to maintain, eliminating scattered design decisions across multiple codebases

Open Source at Heart

Elementa UI is proudly built on top of shadcn-ui, a modern component library that embraces the "headless" philosophy. Rather than reinventing the wheel, we leverage shadcn-ui's solid foundation and inject Deriva's unique visual DNA.

The headless approach means you get fully unstyled, accessible components that work with any design system. We add theming, animations, and Deriva's signature design language on top.

⚙️

Headless Components + Deriva Design = Elementa UI

Unstyled & Accessible

Fully accessible components from shadcn-ui, ready for your design system

Fully Customizable

Theme tokens, component overrides, and design configurations at your fingertips

Production Ready

Battle-tested components used across Deriva's 5+ products in production

Explore More

Everything you need to get started with Elementa UI

Installation

Components

Design Philosophy

Color Mappings

UI Playground

Icons

Installation

Components

Design Philosophy

Color Mappings

UI Playground

Icons

#01 / 06

Installation

Follow comprehensive installation guides to quickly set up Elementa UI in your project