Build a pop-up window from start to finish with @novikoffdesign.bsky.social and Ross Plaskow. Full tutorial now on our YouTube channel 📺

We had a blast at #AdobeMAX today. Catch up on some of the highlights if you missed us 👇

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 ☑️

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 📺

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

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 🪶

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.

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

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

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 🔊)

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

Security Lock Keypad made in @rive.app Using Layout Animation feature. Keys consistently change their position depending on what the user presses to avoid patterns. 5KB. Ready for prod.

“Rive has saved us hundreds of hours in development time” Check out the Trackr app featuring animations made in Rive 🚀

mood

Ok, what if Switcher can have custom text and three states? @rive.app

Changing the text and text style in different states is possible in @rive.app So, Layout adapts and animates everything automatically for you. How cool is that!?

A power switcher is built with layout and automatically animated with layout animation function. @rive.app 2 minutes to design, 2KB component. Needs zero animation knowledge.

It takes less than a couple of hours to go from idea to real interface! The ISO camera control is unconventional and fun. This is ready to use the @rive.app asset, which I can use without reimplementing all this in code! The file size is just 5KB. Make, test, deploy.

Make your interface engaging, enjoyable, and intuitive. This unique slider is only 3KB, operates with natural inertia and visually illustrates what's happening. From concept to fully functional UI component, it takes under an hour in @rive.app

If everyone starts generating images, AI will learn the generated images. To avoid this, services ask to mark it as “AI generated” so their AI does not learn from them. AI is a fantastic tool to automate tasks, like retouching, music stem, syncing audio, generative AI is a grey area.

It takes less than a couple of hours to go from idea to real interface! The ISO camera control is unconventional and fun. This is ready to use the @rive.app asset, which I can use without reimplementing all this in code! The file size is just 5KB. Make, test, deploy.

The accent. #leica #leicaq343 #london #photo

Your PM and Developer roll their eyes when they see interfaces like that. No more because now you can make it without code. By yourself. In @rive.app Developers can finally focus on development, not recreating your design again. It's ready to use Here is my Shutter speed interface for the camera.

Catch them all ⭐️

We have used multitouch for many years. However, it still resembles the desktop-based interfaces or web, as creating a natural UI is challenging. Playful, useful and with natural interaction. Now everyone has access to build natural interfaces with no development hassle thanks to @rive.app

Create animated custom scroll bars with Layouts in Rive 💀🔥 By @pedroalpera.bsky.social

No more "my ideas are not feasible" or "my idea nobody wants to implement." In @rive.app , you can create your idea in minutes, and it's production-ready. Test and deploy on actual products and real devices.

Ok, looks like video here should be 60 seconds. Alright.

Today

Cyberpunk mod. #applewatch 10

Apple Watch Series 10 Jet Black #apple #applewatch

🌊