Overview

This layout gives you an easy way to create a title slide for your presentation. It comes with a Heading, Sub-Heading and a Meta component.

Installation

pnpm dlx shadcn@latest add https://slide-cn.com/r/title-slide.json

npx shadcn@latest add https://slide-cn.com/r/title-slide.json

yarn dlx shadcn@latest add https://slide-cn.com/r/title-slide.json

bunx --bun shadcn@latest add https://slide-cn.com/r/title-slide.json

Demo

A centered layout perfect for title slides

Welcome to Slide-CN

Create beautiful presentations using code

Internal architecture review - Jan 2026

Usage

Use this component as follows:

<TitleSlide>
	<TitleSlide.Heading>
		<AuroraText>Welcome to Slide-CN</AuroraText>
	</TitleSlide.Heading>
	<TitleSlide.SubHeading>
		<TypingAnimation>Create beautiful presentations using code</TypingAnimation>
	</TitleSlide.SubHeading>
	<TitleSlide.Meta>
		Internal architecture review - Jan 2026
	</TitleSlide.Meta>
</TitleSlide>

Reference

Prop

Type

Title Slide