A Gruvbox dark-themed tier list maker with drag and drop functionality.
- Clean, minimalist Gruvbox dark theme
- Drag and drop items between tiers
- Create new items
- Reset the grid
- Automatically snap items to grid positions
- React
- TypeScript
- Vite
- Styled Components
- react-beautiful-dnd
- Node.js (v14+)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/tierlist.git
cd tierlist- Install dependencies:
npm install
# OR
yarn- Start the development server:
npm run dev
# OR
yarn dev- Open your browser and navigate to
http://localhost:5173
- Drag items from the pool to any tier
- Rearrange items within tiers
- Click "Add Item" to create a new item
- Click "Reset" to move all items back to the pool
MIT