Webflow Expert, Shopify Theme Dev, Branding and 3D
I am so excited to be submitting JAMS to the #ShareYourWork challenge! 🥪🍓🥜 This was one of the most exciting projects that we worked on this year.
The client approached us via Contra to design and develop their website in the style of neo-nostalgia. They launched competitor peanut butter and jelly sandwiches in Walmart that are filled with protein and good ingredients.
We used Figma to design the website, Blender for the 3D renders of the products and Jammy (the brand's mascot), and Webflow to bring the site to life. The site was built in the Lumos framework, for accessibility and scalability, and is fully breakpointless!
Check it out: https://www.getjams.com/
Case study: https://contra.com/p/WYEEZ6lB-jams-website-design-development-3-d?r=andrewehren
51
148
7K
Super excited to submit Plant Shop by Tula House to the #ShareYourWork challenge! 😊 The client built a visionOS app - allowing users to visualize plants in their living space - for the famous Tula House Plant Shop in New York City. They hired us via Contra to create a colorful, engaging website which tells the story of how they developed it. The site's design had to match the plant shop's branding. 🌵
We designed the site in Figma and developed it in Webflow using Timothy Rick's Lumos framework. This ensured that the site would be fully accessible and scalable. The 3D plant in the hero was optimized in Blender, prior to being added into Spline and then into Webflow.
Character graphics helped bring their vibrant brand to life.
If you find yourself in New York City, check out the beautiful and rare plants in this amazing shop!
Interactive / Animation / Web Development / Sound Design
This summer I worked an interactive, animated webpage to showcase all the local producers who supply Auberge de crussol, unique French restaurant, in Saint-Péray, France.
The page was built entirely in @Rive, using the supplied vector illustrations to produce a series of animations and interactive moments that are triggered by the user's touch or cursor states.
Bespoke sound design was woven throughout the experience, with sound and movement tightly synchronised to add depth to the animation.
Credits:
Creative Director: @Bernard Magri
Rive Development, Animation, Sound Design: @Ashley Best
Additional Animation: @Gabriele Montinaro
Original Illustration: Le point D
(https://www.linkedin.com/company/le-point-d/)View the experience: Auberge de crussol (https://aubergedecrussol.com/)
26
72
2K
I've been locked-in on a big project, so I'm a late comer to this challenge, but I managed to carve out some time to create my entry!
Introducing: 'Luma', an inquisitive reptile who follows me around inside Rive! 🦎
Entirely script driven, she follows your cursor and can even change colour when she settles on her favourite rock.
It feels like the beginning of a little game I might have to keep developing!
Where should Luma go next?
60
202
8.9K
Cursor Camp, A Real-Time Multiplayer World, Built with Rive
Cursor Camp (https://neal.fun/cursor-camp/) is a live multiplayer playground where up to 1000 real cursors from around the globe share the same space simultaneously. A beach, lazy river, clubhouse, campfire, soccer pitch, cave, treehouse and more, brought to life through over 40 Rive-powered interactions and animations spanning environments, characters, objects, and interactions.
My role was building the entire Rive layer. Starting from the illustrator’s artwork, I translated everything into interactive systems, rigging and animating scenes, characters, and objects while developing the state machines and behaviours that make the world feel dynamic and alive.
The real challenge was making it data-aware. Using ViewModel data binding and Luau scripting throughout, every animation responds to live runtime input, with cursors picking up objects, triggering states, and reacting to a constantly changing world.
That includes moments like players duetting on a piano in real time, progressively eating an entire cake with each click, adding sticks to a fire to increase its intensity, or dropping ingredients into a cauldron to dynamically change the colour of the broth.
The result is a Rive system ready to be wired into Neal Agarwal’s multiplayer backend, where WebSockets keep thousands of players in sync in real time.
It hit the front page of Hacker News on day one, with people asking one question over and over:
How is this running in a browser?
That’s the impossible UI.
Built something for people who care about the last 10% of their product's UI.
Rayden UI is a collection of beautifully designed React components you can copy, customise and ship.
✅ Multiple visual flavours.
✅ No bloated dependency stack.
✅ No fighting someone else’s design decisions.
✅ Just components with character, built to become yours.
Here’s Rayden UI in motion. ⚡
rayden-ui.dev (http://rayden-ui.dev)
0
71
I made a social browser game called Village People and it's got an interesting premise:
You're set in a community and your only aim is to bring down your neighbors through any and every means necessary.
Check it out at https://villagepeople.xyz
2
121
Last week, I had this sudden urge to revisit and refresh the experience of my framer plugin, Lyba (https://www.framer.com/community/marketplace/plugins/lyba/). So far, I've given it a decent overhaul, reworking some of the ux, surfacing some flows with significant bottlenecks and potential points of friction. I will did get to think about the product beyond features and pixels.
What is Lyba (https://lyba.io)?
I'm so glad you asked: It's a review layer for framer websites built for freelancers and agencies.
Instead of collecting feedback across emails, Slack, WhatsApp and screenshots, you share one link. Your clients pin comments straight onto the live site, you resolve them in context, and each round of review ends with a signed-off approval — not a forty-email thread.
The goal is simple:
Make reviewing a website as smooth as designing one.
Still plenty to improve, but I’m excited about where it’s heading.
1
3
226
Velosikew is a scroll-velocity-driven WebGL distortion component for Framer.
Live on the Contra Products (https://contra.com/payment-link/H9LfdFR5-velosikew).
What it does
Velosikew turns scroll velocity into image distortion. The faster you scroll,
the more the image warps. Custom GLSL shaders with chromatic aberration, five
named visual presets out of the box.
Architecture
- Custom GLSL shaders with a chromatic aberration pass
- Shared scroll singleton so multiple Velosikew instances on the same page reuse one listener instead of running setup per instance
- LenisProvider for smooth scroll integration
- IntersectionObserver gating so distortion math only runs while the component is on screen
Why it exists
Most scroll-driven Framer components are either heavy (shaders set up per
instance) or shallow (CSS transforms with no real distortion). Velosikew
sits in the middle: real WebGL distortion, designed to ship in production,
and usable without writing a line of GLSL.