The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Custom Shopify OS 2.0 theme for a marine hydration and gear brand, built from scratch with Tailwind 4, Alpine.js, and GSAP. Pixel-accurate translation of the design comp, fully merchant-editable, with a Vite build pipeline compiling to a single CSS and JS bundle.
Website Url: https://hanstaigerbottles.com/
Github Url: https://github.com/hamzasispn/hanstaigerbottles.git
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Beautiful UI shouldn't require messy code. ✨
A while ago, I built this feature section for TipMi. Looking at the varied card sizes, you might think it requires complex positioning or endless Flexbox containers. The secret weapon? CSS Grid with grid-template-areas.
Using Grid for this specific architecture is the easiest, most scalable approach. You get complete two-dimensional control, allowing you to span items across multiple columns and rows seamlessly while keeping the underlying HTML structure incredibly clean and readable.
Take a look at the live build here: https://tipmi-dev.vercel.app/
Great design 👍
WorkFolio: pick a template, tweak the details, ship your portfolio. Still in active development, but the core flow is coming together nicely.
Great work @Victor Olabisi
PAMOR is a disaster management and emergency response platform for Yogyakarta. I contributed to the front-end development using Vue.js, Nuxt.js, TypeScript, and REST API integrations, with a focus on responsive and reliable user experiences.
The Yogyakarta context makes reliability more important than visual polish. I’d show what PAMOR does on a slow or lost connection, because that’s the state I’d worry about first during an emergency.