Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Rive

71,051 subscribers

33,476 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

7 Comments

Sanu Sagar1 year ago

@drawsgood So good!!

Bytescribe1 year ago

Introducing Vehrbal, the AI that converts audio into SOAP notes! Say goodbye to wasted time and hello to effortless note-taking. Experience the power of fast, simple, and efficient with Vehrbal today.

Stayu Kasabov1 year ago

@drawsgood Bring back Skeuomorphism. I am all in:)

◤◢◤◢◤◢ づ•‿•)づ ◤◢◤◢◤◢1 year ago

@drawsgood Amazing. I mean it.

Aidar1 year ago

@drawsgood 😍

Kyle Stewart-Frantz1 year ago

@drawsgood soo nice

Cyrus Zei1 year ago

@drawsgood Creative and beautiful!

Related Videos

IT’S ALL VECTOR: With Rive’s Vector Feathering, you can create stunning UI lighting effects without compromising performance 🎛️ By Sanu Sagar

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

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

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

382,211 views • 1 year ago

How to create liquid UI, featuring Vector Feathering and blending modes, with Dimitri Novikov 🇺🇦

How to create liquid UI, featuring Vector Feathering and blending modes, with Dimitri Novikov 🇺🇦

Rive

48,705 views • 1 year ago

Introducing json-render × React Native Another step toward UGI (User-Generated Interfaces), powered by Generative UI. Dynamic, personalized UIs per user without sacrificing reliability. Predefined components and actions for safe, predictable output.

Introducing json-render × React Native Another step toward UGI (User-Generated Interfaces), powered by Generative UI. Dynamic, personalized UIs per user without sacrificing reliability. Predefined components and actions for safe, predictable output.

Chris Tate

207,577 views • 5 months ago

2D fx + Vector Feathering = glowy graphic magic 🪄 By laura calvo

2D fx + Vector Feathering = glowy graphic magic 🪄 By laura calvo

Rive

11,209 views • 1 year ago

Add volume to your Rive characters with Vector Feathering by JcToon

Add volume to your Rive characters with Vector Feathering by JcToon

Rive

33,786 views • 11 days ago

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨

Suraj Jha

48,373 views • 8 months ago

Guided by our Design for Sustainability principles, Logitech G435 was built with responsibly sourced materials and lower-impact components —bringing you breakthroughs without sacrificing quality. Learn more about our sustainability approach:

Guided by our Design for Sustainability principles, Logitech G435 was built with responsibly sourced materials and lower-impact components —bringing you breakthroughs without sacrificing quality. Learn more about our sustainability approach:

Logitech G

40,893 views • 1 year ago

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

Abraham John 🦄🦓

21,186 views • 5 months ago

Happy Friday! I'll leave you with one more Rive example for the week. (Rebuilt part of the Airbnb picker using feathering). Make something cool this weekend!!!

Happy Friday! I'll leave you with one more Rive example for the week. (Rebuilt part of the Airbnb picker using feathering). Make something cool this weekend!!!

Drawsgood

13,144 views • 1 year ago

Game UI in Rive. Character rigs, animations and effects, all done in-app,

Game UI in Rive. Character rigs, animations and effects, all done in-app,

Drawsgood

12,997 views • 1 month ago

the New Aqua button inspired by iPhone 16e entirely made in Rive with Layout + Vector Feathering. — Fluent — Native 120 FPS (on my display) — Dynamic text support — 5KB — Infinite and fast zoom, without detail loss — works everywhere straight away

the New Aqua button inspired by iPhone 16e entirely made in Rive with Layout + Vector Feathering. — Fluent — Native 120 FPS (on my display) — Dynamic text support — 5KB — Infinite and fast zoom, without detail loss — works everywhere straight away

Dimitri Novikov 🇺🇦

17,146 views • 1 year ago

Finally, MCP servers can now deliver UI-rich experiences! MCP servers in Claude/Cursor don't offer UI any experience yet, like charts. It's just text/JSON. mcp-ui lets you add interactive web components to its output that can be rendered by the MCP client. 100% open-source!

Finally, MCP servers can now deliver UI-rich experiences! MCP servers in Claude/Cursor don't offer UI any experience yet, like charts. It's just text/JSON. mcp-ui lets you add interactive web components to its output that can be rendered by the MCP client. 100% open-source!

Avi Chawla

123,784 views • 10 months ago

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

Abraham John 🦄🦓

56,362 views • 2 months ago

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

Abraham John 🦄🦓

91,571 views • 6 months ago

We recently added a “drawIndex” property for Lists, which lets you do cool stuff like this!

We recently added a “drawIndex” property for Lists, which lets you do cool stuff like this!

Drawsgood

21,913 views • 2 months ago

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

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

Atilla

59,200 views • 1 year ago

Rebuilding the Origin UI components with Base UI

Rebuilding the Origin UI components with Base UI

Pasquale Vitiello

20,723 views • 5 months ago

Auth0 Lab: UI Components 🚀 - We're excited to share that we've open-sourced our latest experiment on UI components!

Auth0 Lab: UI Components 🚀 - We're excited to share that we've open-sourced our latest experiment on UI components!

Auth0 Lab

15,935 views • 2 years ago