Interactive / Animation / Web Development / Sound Design
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.
38
124
6.1K
Strategic Design+Motion for converting websites & product UI
- $25k+
- Earned
- 7x
- Hired
- 5.0
- Rating
- 32
- Followers
Strategic Design+Motion for converting websites & product UI
Webflow expert specializing in branding & 3D.
Webflow expert specializing in branding & 3D.
Beautiful bespoke websites that convert
Beautiful bespoke websites that convert
CRO & Growth expert for DTC E-com Brands | Shopify & Replo
CRO & Growth expert for DTC E-com Brands | Shopify & Replo
Brand systems & product UI for serious builders
Brand systems & product UI for serious builders
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.
1
1
213
Building Websites & Brands - Fast | 5 Star Rating on Clutch
Building Websites & Brands - Fast | 5 Star Rating on Clutch
Designer & developer creating in Astro + Wordpress
- $1k+
- Earned
- 1x
- Hired
- 5.0
- Rating
- 37
- Followers
Designer & developer creating in Astro + Wordpress
A simple services site for Saltwater Construction Consultants. Features a hero shader and a few sprinkles of GSAP.
0
122
