Demo Card
This is a sample card using white layers and opacity.
Card Component
The Card component provides a flexible, minimalist surface that can hold any type of content.
- Use for grouping content or media blocks
- Comes with an optional
CardContentwrapper - Works seamlessly with Tailwind spacing utilities
- Ideal for documentation and dashboards
Buttons
Minimal, responsive, and themeable — built with motion in mind.
Demo Card
This is a sample card using white layers and opacity.
Inputs
Clean, accessible fields that blend with any UI.
Navbar
A lightweight, sticky navigation bar built for clarity and speed. It adapts seamlessly across breakpoints and supports internal routing with next/link. No clutter—just the essentials, rendered beautifully over any background.
Badge
Reusable, subtle indicators for status or categories.
Toggle
Minimal, responsive on/off control with soft transitions.
Tabs
Horizontal navigation for switching between content sections.
Design without distractions
Alida was built on the idea that clarity outlasts trends. Every component is transparent, modular, and adaptable — allowing developers to layer their own color, typography, and motion without breaking consistency.
Minimal Core
Each component begins with neutral white opacity and a single border. Simplicity is the foundation — clarity in every layer.
Adaptable System
Layer on brand identity instantly. Alida’s design logic flexes with any palette, type system, or motion language.
Built for Flow
Zero friction between design and code. Predictable, consistent, and fast — built for teams that move quickly.