https://github.com/talhajamal02/23-image-slider
This project is a sleek, responsive image slider that fetches high-quality images dynamically from the Unsplash API. Perfect for showcasing stunning visuals, this slider offers smooth animations and modern design, making it a great addition to personal portfolios, blogs, or web design projects.
https://github.com/talhajamal02/23-image-slider
nextjs shadcn-ui tailwindcss typescript unsplash-api
Last synced: about 1 month ago
JSON representation
This project is a sleek, responsive image slider that fetches high-quality images dynamically from the Unsplash API. Perfect for showcasing stunning visuals, this slider offers smooth animations and modern design, making it a great addition to personal portfolios, blogs, or web design projects.
- Host: GitHub
- URL: https://github.com/talhajamal02/23-image-slider
- Owner: TalhaJamal02
- Created: 2024-12-21T08:15:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-21T08:18:06.000Z (over 1 year ago)
- Last Synced: 2025-05-19T22:11:41.177Z (about 1 year ago)
- Topics: nextjs, shadcn-ui, tailwindcss, typescript, unsplash-api
- Language: TypeScript
- Homepage: https://23-image-slider-talha.vercel.app
- Size: 192 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dynamic Image Slider with Unsplash API
This project is a sleek, responsive image slider that fetches high-quality images dynamically from the Unsplash API. Perfect for showcasing stunning visuals, this slider offers smooth animations and modern design, making it a great addition to personal portfolios, blogs, or web design projects.
## Features:
- **Unsplash API Integration**: Automatically pulls a curated set of royalty-free images from Unsplash.
- **Responsive Design**: Optimized for all screen sizes, ensuring a seamless user experience on mobile and desktop devices.
- **Smooth Transitions**: Includes elegant slide animations for an immersive visual experience.
- **Next.js Image Optimization**: Utilizes Next.js next/image for fast-loading and optimized images.
## Tech Stack:
**Next.js**
**Unsplash API**
**Tailwind CSS**