SShinUI

Timeline

A vertical timeline with a brand dot per milestone and a left rule — enough structure for changelogs, roadmaps and onboarding steps.

Blocks
timelineroadmapchangeloglayout

  1. Aug 2026

    Public launch

    Ship the searchable index and live component registry.

  2. Jul 2026

    Registry grows

    Add docks, loaders, glass cards and AI chat patterns.

  3. Jun 2026

    First commit

    Seed the index from the original ShinUI README list.

Usage

Drop the file into your project and import it. There is no package to install.

usage.tsx
import { Timeline } from "@/registry/components/timeline";

export function Example() {
  return <Timeline />;
}

Install prerequisites

Every component here relies only on Tailwind and the cn helper from shadcn/ui.

terminal
npm i clsx tailwind-merge

More in Blocks

Bento Grid

A responsive bento layout that collapses to a single column on mobile, with per-card column and row spans and a hover glow that scales from the corner.