Vue component library

Build interfaces with a calmer foundation.

Typlog UI combines Reka UI’s accessibility with Radix Colors’ theming power, so you can focus on building great features — not reinventing components.

Get started View on GitHub

Open source · Vue-first · Built on Reka UI

In progressIn reviewComplete
AlexAAlexAAlexA

The foundation

Fewer decisions between you and a polished interface.

Typlog UI brings accessible behavior, useful defaults, and a calm visual language together in one Vue component library.

Accessible by default

Built on Reka UI primitives with keyboard behavior and semantics already considered.

A coherent color system

Radix Colors give every component a dependable light and dark mode foundation.

Designed for Vue

Small, composable Vue components that stay close to the way you already build interfaces.

Browse the system

Start with the pieces your product needs now.

Explore the library by intent instead of hunting through a long component list.

Elements

Avatar, Badge, Icon, Card, and other everyday building blocks.

Explore

Form

Inputs, Select, Checkbox, Radio, Switch, and Toggle controls.

Explore

Controls

Tabs, Pagination, Accordion, and Collapsible interactions.

Explore

Overlays

Dialog, Dropdown, Popover, Tooltip, and Toast patterns.

Explore
Get started

Build the next screen with a stronger starting point.

Install Typlog UI, pick a component, and keep your attention on the product instead of the plumbing.

Read the guide GitHub