MrBrand.

Blocks

Install what you need.

Served live from the @mrbrandme registry — one shadcn command adds the source to your project.

Blocks

  • Hero MarqueeBlock
    Contrast hero with two counter-scrolling vertical card marquees and feather fades. Designed for next-starter projects (Block/Section/Header/Stagger).
    bunx --bun shadcn@latest add @mrbrandme/hero-marquee
  • Hero OverlayBlock
    Image-overlay hero: image/spotlight Overlay background, heading group, then subheading + checks left and an action slot right. Designed for next-starter projects.
    bunx --bun shadcn@latest add @mrbrandme/hero-overlay

Primitives

  • Floating InputUI
    Input with a floating label (peer technique) on a Base UI field surface.
    bunx --bun shadcn@latest add @mrbrandme/floating-input
  • Floating TextareaUI
    Textarea with a floating label, matching the floating Input surface.
    bunx --bun shadcn@latest add @mrbrandme/floating-textarea
  • Floating SelectUI
    Native select with floating label + chevron, plus SelectCompact for dense rows.
    bunx --bun shadcn@latest add @mrbrandme/floating-select
  • MarqueeUI
    CSS-only MarqueeX/MarqueeY engine — consumers set --gap/--duration; pauses on hover and for reduced motion.
    bunx --bun shadcn@latest add @mrbrandme/marquee
  • StaggerUI
    Per-child scroll reveal with a semantic `as` prop. Requires the [data-stagger] CSS rules from this starter's globals.css.
    bunx --bun shadcn@latest add @mrbrandme/stagger
One-time setup
Starter clones are pre-configured. In any other project, add the registry to components.json first:
"registries": { "@mrbrandme": "https://lw-starter.vercel.app/r/{name}.json" }