OverviewSetupComponentsContributingFull documentation
Components
62
Actions
ButtonToggleToggle Group
Inputs
CalendarCheckboxColor PickerCurrency InputDate Time PickerOptional Time PickerFormForm Required IndicatorInputInput OTPLabelRadio GroupSelectSliderSwitchTextareaTime Picker Input
Overlays
Alert DialogContext MenuDialogDrawerDropdown MenuHover CardPopoverSheetTooltip
Navigation
BreadcrumbCommandQuick Command CenterMenubarNavbarNavigation MenuPaginationSidebarTabs
Feedback
AlertAvatarBadgeProgressSkeletonSonnerSticky Bottom BarToastToaster
Data
ChartDiff ViewerTable
Layout
AccordionAspect RatioCardCarouselCollapsibleResizableScroll AreaSeparator
Typography
Code BlockKbdMarkdown
Advanced
Report Problem Dialog
logo
Tuturuuu
AboutContactPricingApps
  • Learning Resources
  • Blog

    Read our latest articles and updates.

  • Changelog

    Stay up to date with our latest product updates and improvements.

  • Careers

    Join our team and help us build the future of Tuturuuu.

  • Partners

    Explore partnership opportunities with Tuturuuu.

  • Contributors

    Meet the people who make Tuturuuu possible.

  • Security

    Learn about our security practices and commitments.

  • Random Generator

    Generate secure IDs, tokens, API keys, and passwords locally in your browser.

  • Branding

    Get Tuturuuu's branding assets and guidelines.

  • UI

    Browse the Tuturuuu UI component library.

  • Documentation

    Find detailed documentation and guides.

UI documentation

Tuturuuu UI documentation

A practical documentation hub for the shared primitives behind Tuturuuu products. Use it to install the package, discover components, copy imports, and review examples.

62
Components
9
Categories
57
Live previews

Start here

Choose a path based on whether you are consuming the package or maintaining the shared library.

Set up the package

Install the package, import global styles, use public package paths, and understand the contributor workflow.

Public and internal

Discover components

Browse the full catalog grouped by category, with each entry linked to a focused reference page.

62 components

Button reference

Start with the most common action primitive and inspect variants, examples, and API exports.

@tuturuuu/ui/button

Contribute docs

Use the internal workflow for adding registry entries, previews, translations, and tests.

Internal

Quick start

The package entry points are designed for direct imports from the component subpath.

Search components

Jump to any component.

app/page.tsx
bun add @tuturuuu/ui

import '@tuturuuu/ui/globals.css';
import { Button } from '@tuturuuu/ui/button';

export function SaveAction() {
  return <Button>Save changes</Button>;
}