Complete documentation for the Lynqsides Shadcn Registry components and landing page.
1. Initialize Shadcn in your project
npx shadcn@latest init2. Add the landing page component
pnpm dlx shadcn@latest add https://shadcn-elvinlari-registry.vercel.app/r/landing-page.json3. Import and use the component
// app/page.tsx
import LandingPage from "@/components/landing-page"
export default function Page() {
return <LandingPage />
}Our components use these external packages:
These will be automatically installed when using the CLI.
A banner component for announcements with tag and title support.
import { Announcement, AnnouncementTag, AnnouncementTitle } from "@/components/ui/announcement"
<Announcement>
<AnnouncementTag>New</AnnouncementTag>
<AnnouncementTitle>Feature Release</AnnouncementTitle>
</Announcement>pnpm dlx shadcn@latest add https://shadcn-elvinlari-registry.vercel.app/r/announcement.jsonA scrolling marquee component with fade effects and customizable speed.
import { Marquee } from "@/components/ui/marquee"
<Marquee speed={20} direction="left">
<div className="mx-8">Item 1</div>
<div className="mx-8">Item 2</div>
<div className="mx-8">Item 3</div>
</Marquee>pnpm dlx shadcn@latest add https://shadcn-elvinlari-registry.vercel.app/r/marquee.jsonA custom video player component built with media-chrome for advanced video controls.
import { VideoPlayer } from "@/components/ui/video-player"
<VideoPlayer>
<media-video
src="your-video.mp4"
poster="poster.jpg"
/>
</VideoPlayer>pnpm dlx shadcn@latest add https://shadcn-elvinlari-registry.vercel.app/r/video-player.json