👋 Hi Product Hunt! I’m excited to share Screenshift, a little SCSS library I built to make responsive design easier. I love SCSS and use it in almost all my projects. But managing media queries and breakpoints across projects always felt messy — I kept copying the same _responsive.scss file everywhere. Updating it across projects was a pain. So I built Screenshift: ✅ Named breakpoints (tablet, mobile-lg, etc.) ✅ Media query helpers for min/max ✅ One-attribute responsive containers (data-screenshift) ✅ Debug overlay to visualize breakpoints ✅ Framework-agnostic & super extensible It scratches my own itch, and I hope it helps others who love SCSS but don’t want to switch to a utility-first framework just for responsiveness. Would love your feedback, feature ideas, or even just to hear how you handle responsive design today! ⭐️ Check it out & star the repo if you find it useful: 👉 https://github.com/Dokja620/scre... Thanks for checking it out & happy coding! ✨

Screenshift

SCSS library for effortless responsive design

SCSS library for effortless responsive design