uiception

Overview

uiception is a collection of UI blocks and page templates for Next.js, built with shadcn/ui and Tailwind CSS by Jeffery Pippitt, with the source on GitHub. It is aimed at skipping the setup stage of a project: everything can be installed with one command and then customized.

The shadcn registry lists 137 items, almost all blocks, covering every section of a marketing site plus portfolio and full landing page templates. It also includes device and browser mockups and interactive pieces such as terminals, chatbots and a spreadsheet. Several blocks use GSAP, Motion or Paper Design shaders for animation, and typography uses the Geist font.

Features

• Hero sections: 13 hero variants.
• Site sections: Navbars, features, brands, partners, testimonials, stats, FAQs, pricing, galleries, CTAs and footers, each in several versions.
• Content sections: Blog, changelog, case study, team, about, how it works and contact sections.
• Templates: Six portfolio blocks and three full landing pages.
• Device mockups: Google Chrome on macOS and Windows, MacBook Pro, Mac Studio Display and iPhone 17 Pro Max, with image or video variants.
• Interactive blocks: macOS and Cursor-style terminals, event stream, chatbot, code block and spreadsheet.

Tech stack

• Next.js, React, shadcn/ui, Tailwind CSS
• GSAP, Motion, Paper Design shaders, Recharts, Geist

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @uiception/component-name