# Job Slider

> The JobSlider component is a modern, responsive carousel designed to showcase trending AI and Computer Vision job roles in an interactive and visually appealing way. Built with Next.js, Shadcn UI, and Tailwind CSS, it adapts seamlessly to both light and dark themes, ensuring a consistent user experience across devices and preferences. The component displays a two-column grid of job cards inside a smooth sliding panel, with intuitive navigation arrows for exploring multiple slides. Each card highlights the role name and the number of available jobs, making it ideal for career portals, hiring platforms, or AI-focused job boards. With its minimal code, smooth transitions, and theme-aware design, the JobSlider enhances both usability and aesthetics for modern web applications.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: next, lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/job-slider

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/job-slider?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt