Brand Kit Page

Motion

A brand showcase page combining poster type, a typographic marquee, tilt cards, a text scramble, a grid reveal, a price morph and a magnetic CTA.

src/registry/premium/brand-kit-page.tsx/r/brand-kit-page.json

Installation#

bash

npx shadcn@latest add @minidev/brand-kit-page

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/brand-kit-page.json

Usage#

tsx

import { BrandKitPage } from "@/components/ui/brand-kit-page"

export function Example() {
  return (
    <BrandKitPage />
  )
}

API reference#

BrandKitPage props
Prop	Type	Default
`className`	`string`	`-`

Dependencies#

npm

React only

Built from

Card Tilt Grid Reveal Hero Poster Type Magnetic Cta Morph Price Text Scramble Typographic Marquee

Examples#

Page templatesPage kits & landings

Agency PortfolioAn agency portfolio page with a marketing navbar, animated headline, project cards that fade up in sequence as they scroll in, and a mega footer.Blog HomeA blog index page with a marketing nav, tag filter chips for all, design and engineering, a grid of post cards with excerpts and dates, and a footer.Careers PageA React careers page with a marketing nav, animated headline, open roles listing location and employment type with apply buttons, and a mega footer.Changelog MarketingA marketing changelog with a gradient masked headline, a subscribe CTA and a timeline of versions with highlight dots and bullet lists that slide in.Changelog MotionA React changelog timeline where each release slides in on scroll with version, date, title, an optional New, Fix or Premium badge and a bullet list.Client Pitch KitA full client pitch page chaining a kinetic hero, metric ticker, live component rail, product mock, proof panel, before and after wipe, FAQ and quotes.

All Landing page sections for React and Tailwind