Customizable and re-usable timeline component for you to use in your projects.
Built on top of shadcn.
You can use the source code and copy paste components into your NextJS projects. These components in particular:
/src/app/components/timeline/timeline-layout.tsx & timeline.tsx
If you'd like to spin up a local environment similar to the demo, follow these instructions:
- Clone the repository to a directory on your pc via command prompt:
git clone https://github.com/timDeHof/shadcn-timeline.git
- Open the folder:
cd shadcn-timeline
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Go to localhost and start playing around!
NextJS - React Framework for the web
TailwindCSS - Utility-first CSS framework
shadcn-ui - UI component built using Radix UI and Tailwind CSS