Skip to content

Repository files navigation

🎵 Splitify

Split your Spotify playlists the smart way

No Spotify API. No backend. Fully in-browser.

React Vite Tailwind CSS License: MIT

Features · Getting Started · How It Works · Tech Stack · Roadmap


What is Splitify?

Splitify lets you import a Spotify playlist export and divide it into multiple smaller playlists using Tinder-style swipe sorting, drag and drop Kanban, or manual buttons. Then export everything as CSVs compatible with TuneMyMusic and Spotlistr.

Built for power users and music curators managing 500+ song libraries.


Features

Feature Details
File Import CSV and XLSX/XLS support
Swipe Sorting Tinder-style cards, map Left/Right to any playlist
Kanban Mode Drag and drop songs between columns (touch + mouse)
Mode Toggle Switch between Swipe and Kanban anytime
Dynamic Playlists Create up to 5 playlists before or during sorting
Undo 20-action undo stack (Ctrl+Z)
Autosave localStorage autosave with visual indicator
Export Per-playlist CSV + full ZIP download
Keyboard Shortcuts Arrow keys, Space to skip, Ctrl+Z
Responsive Fully equal mobile and desktop experience

🚀 Use Splitify

Splitify is live and ready to use:

No installation, no downloads, and no Spotify login required.

Simply:

  1. Export your Spotify playlist as a CSV using Exportify.
  2. Upload it to Splitify.
  3. Organize your songs using Swipe or Kanban mode.
  4. Export your new playlist CSVs.
  5. Import them back into Spotify using TuneMyMusic or Spotlistr.

Everything runs entirely in your browser, so your playlist data stays on your device.

How It Works

Step 1 — Get your Spotify playlist as CSV

Use Exportify (free, no install needed):

  1. Go to exportify.net
  2. Log in with your Spotify account
  3. Click Export next to any playlist
  4. Save the .csv file

Step 2 — Import into Splitify

Drop your CSV or XLSX file onto the upload screen.

Step 3 — Create your playlists

Create up to 5 playlists, give them names and colors, and map swipe directions (Left/Right to any playlist).

Step 4 — Sort your music

Swipe Mode: Swipe cards left/right or use arrow keys. Songs go to the mapped playlist instantly.

Kanban Mode: Drag and drop songs between columns. See all playlists side by side.

Step 5 — Export

Download individual CSV per playlist, or grab everything as a single ZIP. Import CSVs into TuneMyMusic or Spotlistr to push back to Spotify.


Keyboard Shortcuts

Key Action
Arrow Left Swipe left / assign to mapped playlist
Arrow Right Swipe right / assign to mapped playlist
Space Skip song (stays in Unsorted)
Ctrl+Z / Cmd+Z Undo last action

Tech Stack

Layer Library
UI Framework React 18
Build Tool Vite 5
Styling Tailwind CSS 3
State Management Zustand
Animations Framer Motion
Swipe Cards react-tinder-card + @react-spring/web
Drag and Drop @dnd-kit/core + @dnd-kit/sortable
CSV Parsing PapaParse
XLSX Parsing SheetJS
ZIP Export JSZip + FileSaver.js

Project Structure

src/
├── components/
│   ├── layout/        # AppShell, Header, ModeToggle
│   ├── upload/        # UploadScreen, DropZone
│   ├── playlists/     # PlaylistSetup, PlaylistCard, PlaylistCreator
│   ├── swipe/         # SwipeScreen, SwipeCardStack, SwipeCard, SwipeControls
│   ├── kanban/        # KanbanScreen, KanbanColumn, KanbanSongCard, UnsortedColumn
│   ├── export/        # ExportPanel
│   └── common/        # SaveIndicator, UndoToast, Badge, ColorPicker, EmptyState
├── hooks/             # useAutosave, useFileParser, useExport, useKeyboardShortcuts
├── store/             # appStore.js (Zustand)
└── utils/             # parseCSV, parseXLSX, exportCSV, exportZIP, normalizeColumns

Roadmap

  • AI playlist suggestions
  • PWA offline support
  • Playlist analytics
  • Search and filter in Kanban
  • Audio preview snippets
  • Spotify OAuth integration
  • Cloud sync
  • Collaborative sorting

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch: git checkout -b feature/amazing-feature
  3. Commit your changes: git commit -m 'Add some amazing feature'
  4. Push to the branch: git push origin feature/amazing-feature
  5. Open a Pull Request

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

Split your Spotify playlists using swipe sorting and drag & drop

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages