Component Demo

Marquee · My Toolkit

This segment is only for testing the scrolling "My Toolkit" component. It provides an additional frame, independent of the /test layout above.

My Toolkit

The rows below use the Marquee component to create an infinite scrolling view.

⌘React

⌘TypeScript

⌘Tailwind

⌘Framer Motion

⌘Node

⌘WebGL

⌘Prisma

⌘Postgres

⌘tRPC

⌘Vite

⌘Turbopack

⌘React

⌘TypeScript

⌘Tailwind

⌘Framer Motion

⌘Node

⌘WebGL

⌘Prisma

⌘Postgres

⌘tRPC

⌘Vite

⌘Turbopack

⌘React

⌘Next.js

⌘Turbopack

⌘Vite

⌘tRPC

⌘Postgres

⌘Prisma

⌘WebGL

⌘Node

⌘Framer Motion

⌘Tailwind

⌘TypeScript

⌘React

⌘Next.js

⌘Turbopack

⌘Vite

⌘tRPC

⌘Postgres

⌘Prisma

⌘WebGL

⌘Node

⌘Framer Motion

⌘Tailwind

⌘TypeScript

Usage Examples

Basic Marquee

import { Marquee } from "@/components/marquee";

const items = ["React", "TypeScript", "Tailwind", "Next.js"];

<Marquee items={items} />

Marquee with Direction

<Marquee items={items} direction="left" />
<Marquee items={items} direction="right" />

Marquee with Custom Speed

<Marquee items={items} direction="left" speed={50} />