Sanket Sonmali's Work | ContraWork by Sanket SonmaliSanket Sonmali
React/Next.js/GSAP/WebGL/Framer and many more.Pick your pick
Gavl - Website for an architecture studio Swell: Soda Brand Website in Framer, Fully Editable Without Code
Description
A playful one-page site for a made-up prebiotic soda brand. A real 3D can follows you down the page. Each time the flavour changes, the can turns and its label refills as the colour pours in. You can make it your own brand in about an hour, without touching any code.
Highlights
Your label on a real 3D can. Upload your label image to each flavour in the CMS and the can wears it.
Not a can? Switch the product. One setting turns the 3D can into your own product photo (a pouch, bottle, jar or cup) or hides it.
CMS for everything that repeats. Flavours, benefits, reviews, FAQ and stockists are all in the CMS. Add a fifth flavour and it pours in like the others.
Rebrand in a few clicks. Change the colour and text styles and the whole site follows.
Tune the can without code. Metal colour, finish (glossy, satin or matte), droplets, spin and tilt are all settings.
Sells out of the box. A build-your-own 12-pack box with price and subscribe-and-save settings, an "Add to cart" button you can link to your store, and a working newsletter form.
Live site
https://swell-soda.framer.website/ About Swell
Swell is a Framer template for food and drink brands with a few hero products. A real 3D can rides down the page, each flavour pours in like liquid, and the can's label refills to match as you scroll. It doesn't have to be a can: switch the product to a photo and the same motion sells pouches, bottles or cups, so it works for snacks, coffee or anything else you can hold.
It also comes with benefit panels that pour in, a review deck, a 12-pack box builder with subscribe and save, stockists, an FAQ and a custom 404. Products, colours and copy are all edited through the CMS and the site-wide styles, and it's fully responsive on desktop, tablet and phone.
See it live: https://swell-soda.framer.website Experiment: what if a whole site was lit by one sun?
I wanted to see how far a live sky could go in Framer, so I built Hikari around a single sun you control.
Move the cursor and the sky runs from noon to golden hour, twilight and night. House windows switch on after dark.
Scroll and the sun crosses a full day, from dawn in Lofoten to midnight in Iceland.
Click the sky to take a frame of that exact light.
Light shafts pour through the 光 kanji, the photos block the sun so light spills around their edges, and the text flips between light and dark to stay readable. The sky is all WebGL, drawn live behind the page.
It started as a "can this even work" test and turned into a full travel photographer template. It's free if you want to pull it apart and see how it works.
hikari-light.framer.website (http://hikari-light.framer.website)