DEV Community: Bernardo

Rank It Your Way with Tierlyst! 🎯✨

Bernardo — Sun, 25 May 2025 00:23:38 +0000

Tired of endless debates about rankings? Tierlyst is here to settle them—with style! A sleek, responsive tier list editor that works flawlessly on desktop & mobile, letting you rank anything—games, characters, anime, UI frameworks, or even your favorite snacks! 🚀

✨ Why Tierlyst?
✔ Drag & Drop (desktop) + Touch Controls (mobile) – Sort with ease!
✔ Upload Custom Images – No limits, your visuals, your rules.
✔ Fully Customizable – Edit tier labels, change colors, and make it yours.
✔ Export as PNG or Save as JSON – Share your masterpiece anywhere!
✔ No Signups, No Fuss – Just pure ranking fun.
✔ Multi-Language – Made for global creators.

🛠 Built With:
⚡ React / Next.js | 🎨 Tailwind | ✨ Framer Motion | 📸 html-to-image | next-intl

👉 Try it now
🔗 https://tierlyst.vercel.app/

Got feedback? Found a bug? Want a new feature? Let me know below! 💬

Tierlyst: Build, Customize, and Share Tier Lists with Ease (React + Next.js)

Bernardo — Mon, 19 May 2025 17:14:06 +0000

🧩 Tierlyst: A Responsive Tier List Editor for Creators
Ever needed a simple, visual way to rank your favorite games, characters, or anything else? Meet Tierlyst, a responsive Tier List editor built with React that lets you organize images into customizable tiers—with drag & drop on desktop and touch-friendly controls on mobile!

✨ Key Features:

🖼️ Image Upload: Create personalized tier lists by uploading your own images.
🏷️ Editable Labels: Rename tiers with inline editing.
🎨 Color Customization: Change tier background colors to match your style.
🖱️ Drag & Drop: Intuitive desktop sorting.
📱 Mobile-Friendly: Tap to move items between tiers with a context menu.
📥 Export as PNG: Save your tier list as an image to share with the world.
♻️ One-Click Reset: Start fresh in seconds.
🚩Multi-language (en, pt-BR).

🧰 Tech Stack:

React / Next.js
Tailwind
Framer Motion
html-to-image
file-saver
Phosphor Icons
Browser Image Compression
Next Intl

🌟 Why Tierlyst?
Whether you’re ranking Pokémon, comparing UI frameworks, or settling debates with friends, Tierlyst keeps it simple and fun—no signups, no fuss.

👉 Try it now: https://tierlyst.vercel.app/

P.S. Open to feedback! Found a bug or have a feature idea? Drop a comment below!

producthunt.com

Tierlyst: Build, Customize, and Share Tier Lists with Ease (React + Next.js) 🏆

Bernardo — Mon, 19 May 2025 11:41:12 +0000

✨ Key Features:

🖼️ Image Upload: Create personalized tier lists by uploading your own images.

🏷️ Editable Labels: Rename tiers with inline editing.

🎨 Color Customization: Change tier background colors to match your style.

🖱️ Drag & Drop: Intuitive desktop sorting.

📱 Mobile-Friendly: Tap to move items between tiers with a context menu.

📥 Export as PNG: Save your tier list as an image to share with the world.

♻️ One-Click Reset: Start fresh in seconds.

🚩Multi-language (en, pt-BR).

🧰 Tech Stack:
React / Next.js
Tailwind
Framer Motion
html-to-image
file-saver
Phosphor Icons
Browser Image Compression
Next Intl

🌟 Why Tierlyst?
Whether you’re ranking Pokémon, comparing UI frameworks, or settling debates with friends, Tierlyst keeps it simple and fun—no signups, no fuss.

👉 Try it now: https://tierlyst.vercel.app/

P.S. Open to feedback! Found a bug or have a feature idea? Drop a comment below!

producthunt.com