Skip to content
PixiKit

Blocks

Every block, live in light and dark

59 application blocks and 106 marketing blocks, built from shadcn/ui components on one theme. Open a category to see each one rendered live at phone, tablet and desktop width.

Every block is in PixiKit Pro, $149 once.Get PixiKit Pro

Application

Application blocks

What signed-in pages are made of: the shell, page layouts, tables, forms, dashboards, dialogs and empty states.

Marketing

Marketing blocks

Full-width sections for a public site: heroes, features, pricing, testimonials, navigation bars, footers and more.

Page sections

29 more sections, and the pieces under them

Larger page sections and the primitives the marketing blocks share. They come with PixiKit Pro too.

Get PixiKit Pro
  • HeroThe first thing on a page: a headline, actions and facts, centered above media or beside it.
  • Marketing page headerThe top of a page that is not the home page, with the hero backdrop at a smaller scale.
  • Site headerLogo, links and actions, with a mobile menu that opens without JavaScript.
  • Site footerLink columns, the brand, credits and the small print.
  • Feature gridFeatures as a grid of cards, each with an icon, a title and a sentence or two.
  • Feature splitRows of text beside media, alternating sides, for the features worth a closer look.
  • Bento gridFeatures as a grid of uneven cells: a few large ones that show the product.
  • Comparison tableFeature by feature against other options, with checks, dashes or text.
  • PricingPricing cards for one set of tiers, or a switch between sets such as monthly and yearly.
  • FAQQuestions with answers that open in place without JavaScript, plus FAQPage structured data.
  • CTA bandThe closing ask near the end of a page: a panel in the primary color.
  • StatsA few numbers that matter, large.
  • TestimonialsWhat customers say, as quote cards.
  • Logo cloudA row of customer logos or names.
  • Founder noteA short note from the people behind the product, in their words.
  • CreditsA compact note on what the product is built on, each project with a link.
  • Time tallyThe work a buyer skips, with the hours each piece takes and the total.
  • TimelineEntries down a line, newest first: a changelog, a history.
  • Post listBlog posts as cards, the newest one across the full width.
  • Lead formsContact and newsletter forms that post JSON to an endpoint, with a honeypot field and a timing check.
  • ScreenshotA product screenshot that keeps its place while loading, in a browser window or bare.
  • Window frameA browser window around a screenshot or a live piece of UI.
  • Dashboard mockA drawn stand-in for a dashboard, colored by the theme, for where a screenshot would go.
  • UI mocksSmall drawn pieces of product UI (a sign-in form and more) to show inside a section.
  • Make it yoursVisitors pick a brand color, a corner radius and a mode and watch the product preview follow.
  • Product previewA piece of product UI built from real components, in a given brand color, radius and mode.
  • SectionThe frame every section shares: eyebrow, title, description and spacing.
  • ActionsA row of call-to-action links, the first one primary.
  • BackdropA faint grid with a wash of the brand color, behind a hero or a page header.