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
Bangles — A Playful Video.js v10 React Skin
I built Bangles, a vibrant, jewelry-inspired React video player skin for Video.js v10. Instead of a standard monochrome player, it wraps the video in a warm gradient frame with a colorful, bead-style segmented timeline and a bold, tactile yellow play trigger.
Designed for lifestyle, creator, and e-commerce experiences, Bangles pairs playful aesthetics with full accessibility—dynamically adapting to system themes, RTL/LTR directions, reduced motion, and high-contrast preferences.
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?
Introducing VERAÉ — a premium wellness and skincare eCommerce experience.
Designed to blend luxury aesthetics with intuitive shopping, featuring elegant product visuals, responsive layouts, and a seamless user experience.
From UI/UX design to React development, the focus was on creating a refined digital experience that connects product storytelling with effortless shopping.
Design & Development: Figma, Adobe Photoshop, React.
#Wellness #Skincare #EcommerceDesign #UIDesign #UXDesign #WebDesign #ReactDevelopment #LandingPageDesign #Figma #ProductDesign
Lovely direction for a skincare site.
PUMA Speedcat — Motion-Driven Sneaker Campaign
Project Description
A cinematic, high-energy sneaker campaign inspired by the iconic PUMA Speedcat.
Designed to capture the shoe's identity through dynamic transitions, premium visual storytelling, rhythmic editing, and smooth motion graphics.
The video focuses on showcasing the product's design, details, and sporty aesthetic through a modern advertising style.
Creative Direction: Premium Sportswear Advertising
Category: Motion Design / Video Editing / Product Advertisement
Tools: Remotion, React, JavaScript
Project Type: Independent Creative Concept
The brown suede against the grey marble looks premium, and the close up on the logo makes the shoe feel tactile. Are the cuts timed to a beat?
