---
name: "@starck"
slug: "starck"
description: "Product-proven React components from STARCK, built on shadcn with polished motion, responsive behavior, and accessible defaults."
category: "Animated components"
tags: ["accessibility", "animation", "backgrounds", "blocks", "buttons", "cards", "glassmorphism", "icons", "marketing", "navigation", "overlays", "pro-available", "retro"]
framework: "react"
license: "MIT"
author: "Soren-Starck"
website: "https://ui.starck.studio"
github: "https://github.com/Soren-Starck/starck-ui"
registry: "https://ui.starck.studio/r/registry.json"
pro: true
pro_url: "https://ui.starck.studio/components/pricing-block"
github_stars: 0
component_count: 16
generated_at: "2026-10-10T06:32:55.998Z"
---

# @starck

Product-proven React components from STARCK, built on shadcn with polished motion, responsive behavior, and accessible defaults.

## Links

- Website: https://ui.starck.studio
- GitHub: https://github.com/Soren-Starck/starck-ui
- Registry JSON: https://ui.starck.studio/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/starck
- This file: https://sh4dcn.vercel.app/md/starck.md
- Pro / pricing: https://ui.starck.studio/components/pricing-block

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.starck.studio/r/registry.json
pnpm dlx shadcn@latest add https://ui.starck.studio/r/registry.json
bunx shadcn@latest add https://ui.starck.studio/r/registry.json
# clone the source repo
git clone https://github.com/Soren-Starck/starck-ui.git
# fetch the raw registry index
curl -s https://ui.starck.studio/r/registry.json
```

## Components (16)

| name | type | description | install |
| --- | --- | --- | --- |
| blue-cta-button | registry:component | The dimensional call-to-action used by SessionWatcher, with configurable color tones and macOS or Windows platform modes. | `npx shadcn@latest add https://ui.starck.studio/r/blue-cta-button.json` |
| liquid-glass-navbar | registry:component | SessionWatcher's responsive navbar with expandable or fixed width, real Chromium refraction, and a blur fallback. | `npx shadcn@latest add https://ui.starck.studio/r/liquid-glass-navbar.json` |
| gradient-faq | registry:component | An animated, crawlable FAQ accordion used by SessionWatcher and Moorline. | `npx shadcn@latest add https://ui.starck.studio/r/gradient-faq.json` |
| scroll-reveal | registry:component | Progressive reveal and stagger primitives with reduced-motion support. | `npx shadcn@latest add https://ui.starck.studio/r/scroll-reveal.json` |
| terminal-command | registry:component | A copyable terminal command block with stable animated feedback. | `npx shadcn@latest add https://ui.starck.studio/r/terminal-command.json` |
| macbook-mockup | registry:component | A responsive CSS MacBook frame with an accessible fullscreen mode. | `npx shadcn@latest add https://ui.starck.studio/r/macbook-mockup.json` |
| sticky-product-cta | registry:component | A compact scroll-aware product action bar. | `npx shadcn@latest add https://ui.starck.studio/r/sticky-product-cta.json` |
| social-proof | registry:component | An avatar stack, rating, and trust label for product surfaces. | `npx shadcn@latest add https://ui.starck.studio/r/social-proof.json` |
| testimonials-grid | registry:component | A featured testimonial with quieter supporting customer stories. | `npx shadcn@latest add https://ui.starck.studio/r/testimonials-grid.json` |
| whats-new-card | registry:component | A focused product-update card with version and date metadata. | `npx shadcn@latest add https://ui.starck.studio/r/whats-new-card.json` |
| release-history-dialog | registry:component | A responsive, accessible release-notes dialog. | `npx shadcn@latest add https://ui.starck.studio/r/release-history-dialog.json` |
| single-pricing-card | registry:component | An opinionated single-plan pricing card for focused products. | `npx shadcn@latest add https://ui.starck.studio/r/single-pricing-card.json` |
| pricing-block | registry:component | A responsive multi-plan block built from the single pricing card. | `npx shadcn@latest add https://ui.starck.studio/r/pricing-block.json` |
| provider-orbit | registry:component | A reduced-motion-aware orbit for integrations and providers. | `npx shadcn@latest add https://ui.starck.studio/r/provider-orbit.json` |
| morphing-download-icon | registry:component | An Apple-to-download icon transition for Mac download actions. | `npx shadcn@latest add https://ui.starck.studio/r/morphing-download-icon.json` |
| founder-note | registry:component | A personal maker's note with avatar, story, and contact links. | `npx shadcn@latest add https://ui.starck.studio/r/founder-note.json` |

## For AI agents

```text
You are adding components from @starck to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/starck.md) for the component list.
2. Fetch the machine-readable index: https://ui.starck.studio/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: starck).
```