Build a pop-up window from start to finish with @novikoffdesign.bsky.social and Ross Plaskow. Full tutorial now on our YouTube channel 📺
01.07.2025 16:21 — 👍 6 🔁 1 💬 0 📌 1Build a pop-up window from start to finish with @novikoffdesign.bsky.social and Ross Plaskow. Full tutorial now on our YouTube channel 📺
01.07.2025 16:21 — 👍 6 🔁 1 💬 0 📌 1
We had a blast at #AdobeMAX today. Catch up on some of the highlights if you missed us 👇
24.04.2025 19:13 — 👍 6 🔁 1 💬 0 📌 0
Gave the Backdrop icon an insane glow-up thanks to the amazing work by @novikoffdesign.bsky.social 🌟
Made entirely in @rive.app. After 10+ years using Figma/Sketch, I’m blown away by the fidelity Rive offers, even for static assets. Can’t wait to see where it goes from here.
Walk through how to create a checkbox in Rive with @novikoffdesign.bsky.social ☑️
17.04.2025 16:19 — 👍 10 🔁 3 💬 0 📌 0
Do it all in Rive. Watch @rockletdesign.bsky.social reimagine the Apple Photos icon from scratch using Vector Feathering.
Music by @novikoffdesign.bsky.social
Such a good tutorial about @rive.app's Vector Feathering feature!
By @novikoffdesign.bsky.social → youtu.be/kVcbnEIRxV0?...
E-Ink concept by @novikoffdesign.bsky.social
Designed and built with Rive's Responsive Layouts and the upcoming Data Binding feature (currently in Early Access).
Learn how to make an interactive map widget for your website or app in Rive with Ross. Full tutorial on our YouTube channel 📺
11.03.2025 17:59 — 👍 11 🔁 2 💬 2 📌 0Sometimes :)
11.03.2025 11:41 — 👍 0 🔁 0 💬 0 📌 0
Car Radio made in @rive.app
Sneak Peek for the upcoming Data Binding feature (available in early access build)
How to create liquid UI, featuring Vector Feathering and blending modes, with @novikoffdesign.bsky.social
10.03.2025 17:29 — 👍 16 🔁 1 💬 1 📌 0
Photos app icon made in @rive.app
— Extremely performant
— Beautiful, accurate colours
— Shadows keep the same position on rotation
— Interactive
— Possible to export RIV, Video or PNG
Some Vector Feathering quick tips from @novikoffdesign.bsky.social 🪶
27.02.2025 17:23 — 👍 19 🔁 3 💬 1 📌 0
We added two properties to the Scroll Constraint options that you can animate and control with the State Machine:
- Scroll Percent X/Y: 0-100% dynamically computed based on the viewport and content size
- Scroll Index: scroll to a specific child item by index
- See docs: rive.app/docs/editor/...
The Early Access icon for @rive.app is entirely made in Rive. Yes indeed.
With Vector Feathering, we were able to create top-notch quality icons and make them interactive.
Vector Feathering lets you craft unique and memorable UI components without sacrificing performance. By
@drawsgood.bsky.social
Portal imitation with Vector Feathering in @rive.app
— One object
— Two independent parallel animations
— 3 kb
— Ultrafast
Apple FindMy icon recreated in @rive.app
— Interactive
— Extremely light and fast
— Only 5 KB
PS: Also, I am working on a macOS / iOS app icon template for Rive.
Dense, data-heavy content doesn't have to be an engagement killer. HLabs used Rive to build responsive, scroll-triggered visuals for The Economist, resulting in faster load times, higher engagement, and better storytelling.
18.02.2025 17:33 — 👍 10 🔁 1 💬 0 📌 0
Tickets UI entirely made in @rive_app
(except rendered guitar, which is also feasible to draw now)
— Automatic Layouts
— Physics-based transitions
— Vector feathering
— Consistently moving background
— Shadows on text
— Continuity motion
Made in one eveneng.
Love is in the details. Give your UI emotion with Vector Feathering💘. By @novikoffdesign.bsky.social
14.02.2025 18:11 — 👍 28 🔁 5 💬 0 📌 0
Avatar demo made in @rive.app
Flutted glass, depth and chromatic aberration with brand new Vector Feathering feature. 4KB.
Create production-ready graphics like this social media widget and implement it in your app or website with just a dash of code. By @drawsgood.bsky.social
13.02.2025 17:56 — 👍 16 🔁 2 💬 0 📌 1
Fully interactive shadow control
Extremely fast
@rive.app Vector Feathering in action:
Introducing Vector Feathering — a new way to create vector glow and shadow effects. Vector Feathering is a technique we invented at Rive that can soften the edge of vector paths without the typical performance impact of traditional blur effects. (Audio on 🔊)
11.02.2025 23:21 — 👍 60 🔁 8 💬 7 📌 10
Switcher you can use with left and right hand
made in @rive.app
Rive lets designers build fluid, continuous interfaces with features like Layout, Scrolling, Joysticks, and the State Machine.
By @novikoffdesign.bsky.social
Experiment with a tumbler which is trying to stick in position in @rive.app unconventionally using Scroll Constraints with the Snap option.
Works with elastic motion.
Can your switcher make waves?
A massive benefit of @rive.app is that you can make whatever.
Build outside the box and create unique switchers with Rive’s Layout feature.
Made by @novikoffdesign.bsky.social
