A modern, responsive, and beautiful Kanban board built with Next.js, dnd-kit, and Tailwind CSS.
Organize your tasks, boost productivity, and share your progress with stunning snapshot mode!
- Drag & Drop: Move tasks between columns with smooth, mobile-friendly drag-and-drop powered by dnd-kit.
- Snapshot Mode: Hide distractions and take a clean screenshot of your board to share on social media.
- Task Priorities: Set task priority (High, Medium, Low) and see it at a glance.
- Auto-Reset: Tasks reset automatically each day for fresh productivity.
- Responsive Design: Works beautifully on desktop and mobile.
- Dark Mode: Toggle between light and dark themes.
- Social Sharing: Share your board or app with built-in share buttons.
- Gradient Accents: Eye-catching gradient borders and accent colors for each column.
git clone https://github.com/yourusername/tasky-kanban-board.git
cd tasky-kanban-boardnpm installnpm run devOpen http://localhost:3000 to view the app.
- Next.js – App Router, SEO, and performance
- dnd-kit – Drag-and-drop for desktop & mobile
- Tailwind CSS – Utility-first styling
- Motion React – Animations
- Vercel Analytics – Real-time analytics
- date-fns – Relative time formatting
Pull requests and feedback are welcome!
Please open an issue for bugs or feature requests.
Built with ❤️ by harxhitbuilds