ENVOEnvision DS

Component Documentation

Discover all available components, view examples, and copy install instructions for internal and external usage.

Accordion
A Accordion component.

Type: registry:ui

Open docs
Alert
A Alert component.

Type: registry:ui

Open docs
Alert Dialog
A Alert Dialog component.

Type: registry:ui

Open docs
Aspect Ratio
A Aspect Ratio component.

Type: registry:ui

Open docs
Avatar
A Avatar component.

Type: registry:ui

Open docs
Badge
A Badge component.

Type: registry:ui

Open docs
Breadcrumb
A Breadcrumb component.

Type: registry:ui

Open docs
Button
A Button component.

Type: registry:ui

Open docs
Button Group
A Button Group component.

Type: registry:ui

Open docs
Calendar
A Calendar component.

Type: registry:ui

Open docs
Card
A Card component.

Type: registry:ui

Open docs
Carousel
A Carousel component.

Type: registry:ui

Open docs
Chart
A Chart component.

Type: registry:ui

Open docs
Checkbox
A Checkbox component.

Type: registry:ui

Open docs
Collapsible
A Collapsible component.

Type: registry:ui

Open docs
Combobox
A Combobox component.

Type: registry:ui

Open docs
Command
A Command component.

Type: registry:ui

Open docs
Context Menu
A Context Menu component.

Type: registry:ui

Open docs
Dialog
A Dialog component.

Type: registry:ui

Open docs
Direction
A Direction component.

Type: registry:ui

Open docs
Drawer
A Drawer component.

Type: registry:ui

Open docs
Dropdown Menu
A Dropdown Menu component.

Type: registry:ui

Open docs
Empty
A Empty component.

Type: registry:ui

Open docs
Field
A Field component.

Type: registry:ui

Open docs
Hover Card
A Hover Card component.

Type: registry:ui

Open docs
Input
A Input component.

Type: registry:ui

Open docs
Input Group
A Input Group component.

Type: registry:ui

Open docs
Input Otp
A Input Otp component.

Type: registry:ui

Open docs
Item
A Item component.

Type: registry:ui

Open docs
Kbd
A Kbd component.

Type: registry:ui

Open docs
Label
A Label component.

Type: registry:ui

Open docs
Loading
A Loading component.

Type: registry:ui

Open docs
Menubar
A Menubar component.

Type: registry:ui

Open docs
Native Select
A Native Select component.

Type: registry:ui

Open docs
Navigation Menu
A Navigation Menu component.

Type: registry:ui

Open docs
Overlay Lifecycle
The Overlay Lifecycle component.

Type: registry:ui

Open docs
Pagination
A Pagination component.

Type: registry:ui

Open docs
Popover
A Popover component.

Type: registry:ui

Open docs
Progress
A Progress component.

Type: registry:ui

Open docs
Radio Group
A Radio Group component.

Type: registry:ui

Open docs
Resizable
A Resizable component.

Type: registry:ui

Open docs
Scroll Area
A Scroll Area component.

Type: registry:ui

Open docs
Select
A Select component.

Type: registry:ui

Open docs
Separator
A Separator component.

Type: registry:ui

Open docs
Sheet
A Sheet component.

Type: registry:ui

Open docs
Sidebar
A Sidebar component.

Type: registry:ui

Open docs
Skeleton
A Skeleton component.

Type: registry:ui

Open docs
Slider
A Slider component.

Type: registry:ui

Open docs
Sonner
A Sonner component.

Type: registry:ui

Open docs
Spinner
A Spinner component.

Type: registry:ui

Open docs
Status Count Badge
The Status Count Badge component.

Type: registry:ui

Open docs
Switch
A Switch component.

Type: registry:ui

Open docs
Table
A Table component.

Type: registry:ui

Open docs
Tabs
A Tabs component.

Type: registry:ui

Open docs
Textarea
A Textarea component.

Type: registry:ui

Open docs
Toggle
A Toggle component.

Type: registry:ui

Open docs
Toggle Group
A Toggle Group component.

Type: registry:ui

Open docs
Tooltip
A Tooltip component.

Type: registry:ui

Open docs
Use Mobile
A mobile breakpoint detection hook.

Type: registry:ui

Open docs

Quick Install

External project (shadcn CLI)

npx shadcn@latest add https://envo-hub-envision-94aqj04ee-envo-norway.vercel.app/r/button.json

Internal monorepo import

import { Button } from "@envo/envision-ds/button";

Preview

Live examples from a few core components.

button

card

Envision Card
Preview rendered from @envo/envision-ds exports.
Use this page to validate visual behavior and source code together.

input

Registry Endpoint