ActiveNiche/single-purpose117
@8starlabs-ui
Niche/single-purpose · MIT · data updated 2026-07-28
Small shadcn-compatible library (10 components) focused on high-utility UI elements absent from standard kits: Button, Flip Clock, Heatmap, JSON Viewer, Marquee, Partition Bar, Scroll Fade, Status Indicator, System Banner, Timeline, and Transport Badge. Targets Next.js + shadcn/ui projects with Tailwind CSS; ships an MCP server for AI-assisted installation. Free, MIT-licensed. Use for: dashboards or admin interfaces that need niche data-display widgets like heatmaps, partition bars, or animated flip clocks without writing them from scratch.
accessibilityaestheticaianimationaudiobuttonscardschartsdashboardformshooksmapsmedianavigationoverlays
Install
npx shadcn@latest add https://ui.8starlabs.com/r/registry.jsonHealth
StatusActive
Last commit2 weeks ago
LicenseMIT
Open issues7
ArchivedNo
Stars117
Components (74)
buttonbutton-democollapsibledropdown-menuinputlabelseparatortooltipheatmapheatmap-demoheatmap-interpolate-demoheatmap-display-style-demoheatmap-days-of-week-demoheatmap-size-demoheatmap-custom-colors-demoheatmap-custom-display-demopartition-barpartition-bar-demopartition-bar-size-demopartition-bar-alignment-demopartition-bar-width-demopartition-bar-custom-colours-demopartition-bar-variants-demoflip-clockflip-clock-demoflip-clock-size-demoflip-clock-variants-demoflip-clock-countdown-demoflip-clock-showdays-demostatus-indicatorstatus-monitortransport-badgesystem-bannerstatus-indicator-demostatus-monitor-demostatus-monitor-hours-demostatus-monitor-sparse-demotransport-badge-demo-multi-stationtransport-badge-demo-single-stationtransport-badge-demo-sizestransport-badge-demo-station-nametransport-badge-demotimelinetimeline-demotimeline-hollow-demotimeline-nocards-demotimeline-not-alternating-demotimeline-vertical-demotransport-badge-demo-hkmarqueemarquee-demomarquee-grayscale-demomarquee-reverse-demojson-viewerjson-viewer-demojson-viewer-features-demovideo-playervideo-player-demovideo-player-minimal-controls-demovideo-player-fit-demo
Components: button, button-demo, collapsible, dropdown-menu, input, label, separator, tooltip, heatmap, heatmap-demo, heatmap-interpolate-demo, heatmap-display-style-demo, heatmap-days-of-week-demo, heatmap-size-demo, heatmap-custom-colors-demo, heatmap-custom-display-demo, partition-bar, partition-bar-demo, partition-bar-size-demo, partition-bar-alignment-demo, partition-bar-width-demo, partition-bar-custom-colours-demo, partition-bar-variants-demo, flip-clock, flip-clock-demo, flip-clock-size-demo, flip-clock-variants-demo, flip-clock-countdown-demo, flip-clock-showdays-demo, status-indicator, status-monitor, transport-badge, system-banner, status-indicator-demo, status-monitor-demo, status-monitor-hours-demo, status-monitor-sparse-demo, transport-badge-demo-multi-station, transport-badge-demo-single-station, transport-badge-demo-sizes, transport-badge-demo-station-name, transport-badge-demo, timeline, timeline-demo, timeline-hollow-demo, timeline-nocards-demo, timeline-not-alternating-demo, timeline-vertical-demo, transport-badge-demo-hk, marquee, marquee-demo, marquee-grayscale-demo, marquee-reverse-demo, json-viewer, json-viewer-demo, json-viewer-features-demo, video-player, video-player-demo, video-player-minimal-controls-demo, video-player-fit-demo, video-player-sizing-demo, video-player-repeat-demo, video-player-auto-demo, video-player-visible-controls-demo, video-player-hide-center-controls-demo, shake, shake-demo, open-in-chat, open-in-chat-demo, open-in-chat-custom-providers-demo, open-in-chat-custom-link-demo, open-in-chat-custom-trigger-demo, open-in-chat-horizontal-demo, open-in-chat-positioning-demoPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.