---
name: "@dominik-ui"
slug: "dominik-ui"
description: "A minimal personal registry from developer Dominik Koch, currently containing a single component: a Braille Loader — an animated braille-pattern loading indicator with wave, typewriter, shimmer, and pulse variants rendered in React. Built with the shadcn registry format and Tailwind CSS. The registry name is dominik-portfolio, reflecting its origin as a personal project built for Dominik's AI startup Notra. Use for: adding a distinctive, accessibility-themed animated loading indicator to an AI or content-focused app where a standard spinner would feel generic."
category: "Niche/single-purpose"
tags: ["accessibility", "aesthetic", "ai", "animation", "forms", "loaders", "marketing", "navigation", "saas", "text-effects", "theming"]
framework: "react"
license: null
author: null
website: "https://dominikkoch.dev/ui"
github: "N/A"
registry: "https://dominikkoch.dev/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 4
generated_at: "2026-07-28T08:59:05.895Z"
---

# @dominik-ui

A minimal personal registry from developer Dominik Koch, currently containing a single component: a Braille Loader — an animated braille-pattern loading indicator with wave, typewriter, shimmer, and pulse variants rendered in React. Built with the shadcn registry format and Tailwind CSS. The registry name is dominik-portfolio, reflecting its origin as a personal project built for Dominik's AI startup Notra. Use for: adding a distinctive, accessibility-themed animated loading indicator to an AI or content-focused app where a standard spinner would feel generic.

## Links

- Website: https://dominikkoch.dev/ui
- GitHub: N/A
- Registry JSON: https://dominikkoch.dev/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/dominik-ui
- This file: https://sh4dcn.vercel.app/md/dominik-ui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://dominikkoch.dev/r/registry.json
pnpm dlx shadcn@latest add https://dominikkoch.dev/r/registry.json
bunx shadcn@latest add https://dominikkoch.dev/r/registry.json
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://dominikkoch.dev/r/registry.json
```

## Components (4)

| name | type | description | install |
| --- | --- | --- | --- |
| expandable-tabs | registry:ui | Animated icon tabs with a sliding active pill and an expanding label, built on the shadcn tooltip. | `npx shadcn@latest add https://dominikkoch.dev/r/expandable-tabs.json` |
| command-tabs | registry:ui | A copyable command block with attached agent tabs and a sliding active pill — tabs can sit above or below the command. | `npx shadcn@latest add https://dominikkoch.dev/r/command-tabs.json` |
| permission-selector | registry:ui | A composable segmented permission control with an animated sliding pill — read/write levels and deny/neutral/allow toggles. | `npx shadcn@latest add https://dominikkoch.dev/r/permission-selector.json` |
| braille-loader | registry:ui | An animated braille loading indicator with wave, typewriter, shimmer, and pulse variants. | `npx shadcn@latest add https://dominikkoch.dev/r/braille-loader.json` |

## For AI agents

```text
You are adding components from @dominik-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/dominik-ui.md) for the component list.
2. Fetch the machine-readable index: https://dominikkoch.dev/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: dominik-ui).
```
