Loading video...

Video Failed to Load

Go Home

How to create liquid UI, featuring Vector Feathering and blending modes, with Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ

rive_app's profile picture

Rive

70,170 subscribers

48,705 views โ€ข 1 year ago โ€ขvia X (Twitter)

EducationScience & Technology
LIVE

Anya Rossiโ€ข Live Now

Private livecam show

5 Comments

Georgi's profile picture
Georgi1 year ago

@novikoff Iโ€™ll be trying this one soon!

Page to Pixel Publishing's profile picture
Page to Pixel Publishing1 year ago

The Art of Flight is a homage to 80s/90s arcade action shmups with a fresh twist on the genre. Pilot multiple ships at the same time to take on oncoming waves of enemies in this fast paced space shooter. Wishlist on Steam today!

Roman's profile picture
Roman1 year ago

@novikoff why do the filter and blend mode if it's done in feathering setting?

CM's profile picture
CM1 year ago

@novikoff Rive looks super cool but how do I convert it to code???

Dmazing Studio's profile picture
Dmazing Studio1 year ago

@novikoff Such a clean and inviting look. Makes you want to interact with it! ๐Ÿ’Žโœจ๏ธ

Related Videos

Riveโ€™s new Data Binding and Vector Feathering features turn complex data into sleek, interactive, and production-ready designs. Automotive UI widgets by Sanu Sagar ๐Ÿš— Music by Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ
0:31

Riveโ€™s new Data Binding and Vector Feathering features turn complex data into sleek, interactive, and production-ready designs. Automotive UI widgets by Sanu Sagar ๐Ÿš— Music by Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ

Rive

25,271 views โ€ข 1 year ago

Walk through how to create a checkbox in Rive with Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ โ˜‘๏ธ
1:02

Walk through how to create a checkbox in Rive with Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ โ˜‘๏ธ

Rive

11,944 views โ€ข 1 year ago

ITโ€™S ALL VECTOR: With Riveโ€™s Vector Feathering, you can create stunning UI lighting effects without compromising performance ๐ŸŽ›๏ธ By Sanu Sagar
0:30

ITโ€™S ALL VECTOR: With Riveโ€™s Vector Feathering, you can create stunning UI lighting effects without compromising performance ๐ŸŽ›๏ธ By Sanu Sagar

Rive

13,812 views โ€ข 1 year ago

Using Raster Graphics in Rive with Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ ๐Ÿ’ก
0:23

Using Raster Graphics in Rive with Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ ๐Ÿ’ก

Rive

12,566 views โ€ข 1 year ago

Jump right into Layouts with Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ, part 1 ๐Ÿš€
0:26

Jump right into Layouts with Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ, part 1 ๐Ÿš€

Rive

10,612 views โ€ข 1 year ago

Vector Feathering lets you craft unique and memorable UI components without sacrificing performance. By Drawsgood
0:20

Vector Feathering lets you craft unique and memorable UI components without sacrificing performance. By Drawsgood

Rive

33,476 views โ€ข 1 year ago

Car cluster by Sanu Sagar and JcToon ๐Ÿš— Music by Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ ๐ŸŽถ
0:36

Car cluster by Sanu Sagar and JcToon ๐Ÿš— Music by Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ ๐ŸŽถ

Rive

26,232 views โ€ข 2 years ago

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 ๐Ÿ”Š)
1:24

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 ๐Ÿ”Š)

Rive

381,992 views โ€ข 1 year ago

Rive lets designers build fluid, continuous interfaces with features like Layout, Scrolling, Joysticks, and the State Machine. By Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ
0:34

Rive lets designers build fluid, continuous interfaces with features like Layout, Scrolling, Joysticks, and the State Machine. By Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ

Rive

23,089 views โ€ข 1 year ago

Love this responsive UI made by Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ with Rive. Not a mockup or a prototype, this is a production-ready asset that can be connected to real data and run anywhere (websites, mobile apps, game engines, custom platforms โ€” anywhere).
0:37

Love this responsive UI made by Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ with Rive. Not a mockup or a prototype, this is a production-ready asset that can be connected to real data and run anywhere (websites, mobile apps, game engines, custom platforms โ€” anywhere).

Guido Rosso

19,442 views โ€ข 1 year ago

Whew! We added 28 app icons to the new Clear over the past 28 days. And that's just the new icons. ๐ŸŽง Featuring icons by David Lanham, leo, Basic Apple Guy, Nob Nukui ๐Ÿ‡ฏ๐Ÿ‡ต, Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ, Ilya ยท ใ‚คใƒชใ‚ข, Marcelo Marfil, Adam Whitcroft Project updates:
1:18

Whew! We added 28 app icons to the new Clear over the past 28 days. And that's just the new icons. ๐ŸŽง Featuring icons by David Lanham, leo, Basic Apple Guy, Nob Nukui ๐Ÿ‡ฏ๐Ÿ‡ต, Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ, Ilya ยท ใ‚คใƒชใ‚ข, Marcelo Marfil, Adam Whitcroft Project updates:

Clear Lists

250,201 views โ€ข 3 years ago

2D fx + Vector Feathering = glowy graphic magic ๐Ÿช„ By laura calvo
0:20

2D fx + Vector Feathering = glowy graphic magic ๐Ÿช„ By laura calvo

Rive

11,209 views โ€ข 1 year ago

The future of DJ'ing - thanks to Flutter Rive and Raspberry Pi ๐Ÿ’™ Inspired by Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ digital vinyl concept. Shoutout to Snapp Embedded Moritz Theis for making #Flutter installation on the Pi so seamless #duupr #dj #rive #flutter #raspberrypi
0:56

The future of DJ'ing - thanks to Flutter Rive and Raspberry Pi ๐Ÿ’™ Inspired by Dimitri Novikov ๐Ÿ‡บ๐Ÿ‡ฆ digital vinyl concept. Shoutout to Snapp Embedded Moritz Theis for making #Flutter installation on the Pi so seamless #duupr #dj #rive #flutter #raspberrypi

Roman Jaquez

18,467 views โ€ข 1 year ago

I rebuild an entire project in Rive just to test Vector Feathering. It really is that good.
0:33

I rebuild an entire project in Rive just to test Vector Feathering. It really is that good.

Atilla

59,200 views โ€ข 1 year ago

Made with Hana: 3D projections, Liquid Glass, Vector Morphing, Masks. And more is coming ๐Ÿ”ฅ
0:28

Made with Hana: 3D projections, Liquid Glass, Vector Morphing, Masks. And more is coming ๐Ÿ”ฅ

Spline

14,375 views โ€ข 7 months ago

The attention to detail by Apple on these new wallpapers and how it mixes with the Liquid Glass UI is next level ๐ŸคŒโœจ๐Ÿ‘จ๐Ÿปโ€๐Ÿณ
0:28

The attention to detail by Apple on these new wallpapers and how it mixes with the Liquid Glass UI is next level ๐ŸคŒโœจ๐Ÿ‘จ๐Ÿปโ€๐Ÿณ

Fernando Silva

252,842 views โ€ข 1 month ago

Not able to move on with the Liquid Glass UI launched at #wwdc2025
0:59

Not able to move on with the Liquid Glass UI launched at #wwdc2025

AelinaCroft

44,339 views โ€ข 11 months ago

Blending 5 shades with sparkle violet and sparkle green to create 5 stunning color combination
0:36

Blending 5 shades with sparkle violet and sparkle green to create 5 stunning color combination

Aphrodite

70,579 views โ€ข 1 month ago