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
Taut is now also in React + Next.js. A pilates studio template where every section hangs on a taut string that is plucked as it arrives and bends as you scroll; grab the string and the page word rides on it. 16 pages, Next.js App Router with static export plus a plain React (Vite) version, all text in JSON. Demo: https://taut.omnium.tools Get it: https://contra.com/products/YSsySPR5-taut-pilates-studio-react-nextjs-template
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
Related posts
Noise Reveal, a premium reveal component for Framer
I built a component that gives Framer sites cinematic reveals for images, video and live layouts. It has a soft, film-like edge with glow and grain, and can play on load, on view, from a variant or scrubbed by scroll.
It’s built for production: the reveal is prepared before it scrolls in, it’s accessible with reduced-motion support, it falls back when WebGL isn’t available, and pages stay plain HTML when nothing is moving.
Launched on the Framer Marketplace. Open to custom Framer and interaction work.
The WebGL fallback and reduced-motion support are the parts most reveal effects skip, so it's great to see them called out. Does the fallback keep some of the grain edge with CSS, or does it drop to a simple fade?
Earlier, I shared just the hero. Now here's the whole world. 🌍
ElseWhere is growing into a full packed Framer template, with immersive layouts, custom motion, and thoughtful details.
Launching soon. 👀
PS: This is my first template. More to come. 👀
Great Job man. Good Luck
Hey there!
Farbspur is my entry for the Video.js Skins Design Challenge: a custom skin for the Video.js v10 player that gets out of the way of what you’re watching.
The player has no colour of its own. Its seek bar is built from the video: it finds the strongest picture changes and turns them into blocks of colour, so every film gets its own player and you can jump straight to a scene.
→ Glass appears only where your hand is: a single drop moving on spring physics
→ Skips count up as you press: +5s, +10s, +15s
→ Quality, speed, casting and theatre mode share one visual language
→ Full keyboard control, and reduced motion for anyone who asks for it
The film and sound in the video were generated for this project.
Live demo: https://farbspur.pages.dev
Code (open source): https://github.com/moonz35345/farbspur
A player with no colour of its own, letting the film lead. Great idea.