Loading video...

Video Failed to Load

Go Home

Cool Animated gradients + Illustrative UI = Killer web cards.

basit_designs's profile picture

Basit A. Khan

22,600 subscribers

43,272 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

UI cards I shared yestarday, but animated [on Framer] I made this website more than a year ago for UI Design & Systems course:
0:19

UI cards I shared yestarday, but animated [on Framer] I made this website more than a year ago for UI Design & Systems course:

Marina Budarina

18,894 views • 1 year ago

Some new gradient collections were added to Grainient family last week. More gradients and Animated backgrounds are coming.. BTW, created this cool animation with animos app
0:15

Some new gradient collections were added to Grainient family last week. More gradients and Animated backgrounds are coming.. BTW, created this cool animation with animos app

Basit A. Khan

24,102 views • 1 month ago

Animated Cards? Nahh... We do 3D animated cards. Taste matters.
0:14

Animated Cards? Nahh... We do 3D animated cards. Taste matters.

Praveen Kumar

78,495 views • 4 months ago

Shop UI animated! #pixelart
0:16

Shop UI animated! #pixelart

Pixelartnoob42

116,284 views • 2 years ago

animated weapon wheel ui
0:14

animated weapon wheel ui

Edmond

18,139 views • 4 months ago

Animated Feature Cards
0:10

Animated Feature Cards

Dawood

13,065 views • 3 months ago

Elevate your chat UI with gradient chat bubbles 💭✨ Replace boring solid color chat bubble backgrounds with smooth gradients. Learn how to build your own custom painter to create beautiful gradients →
0:10

Elevate your chat UI with gradient chat bubbles 💭✨ Replace boring solid color chat bubble backgrounds with smooth gradients. Learn how to build your own custom painter to create beautiful gradients →

Flutter

17,302 views • 1 year ago

¡Brutal colección de componentes de UI para tu web! ✓ Open Source ✓ De código HTML y CSS ✓ Listos para copiar y usar ✓ Botones, inputs, cards, loaders y más →
0:12

¡Brutal colección de componentes de UI para tu web! ✓ Open Source ✓ De código HTML y CSS ✓ Listos para copiar y usar ✓ Botones, inputs, cards, loaders y más →

Miguel Ángel Durán

99,026 views • 2 years ago

Extremely excited to have you being part of this! JAPANESE GRADIENTS [ FOR UI ]™ ONLINE TOOLKIT → LAUNCHING JUNE Join the Queue!
0:19

Extremely excited to have you being part of this! JAPANESE GRADIENTS [ FOR UI ]™ ONLINE TOOLKIT → LAUNCHING JUNE Join the Queue!

Nuevo.Tokyo™

13,120 views • 3 months ago

Animated cards are always better than static ones.
0:11

Animated cards are always better than static ones.

Praha

19,841 views • 7 months ago

Good news frosted glass UI fans, SVG exports from Figma will now properly render background blur and both angular and diamond gradients
0:12

Good news frosted glass UI fans, SVG exports from Figma will now properly render background blur and both angular and diamond gradients

Figma

164,458 views • 1 year ago

cool animated text system #RobloxDev
0:14

cool animated text system #RobloxDev

Izak

12,133 views • 1 year ago

You guys asked for a tutorial, so here it is. Animated Apple-style websites FULLY with AI, perfect for web and UI work. Let's break it down step-by-step below. Prompts included.
0:13

You guys asked for a tutorial, so here it is. Animated Apple-style websites FULLY with AI, perfect for web and UI work. Let's break it down step-by-step below. Prompts included.

Viktor Oddy

81,949 views • 7 months ago

Simple UI Stud Animated - Fast Comm #Roblox #RobloxDev #RobloxUI
0:17

Simple UI Stud Animated - Fast Comm #Roblox #RobloxDev #RobloxUI

cloudbepp

17,490 views • 6 months ago

one of the cool things you can do with `property` is animate conic gradients properly tailwind playground link below
0:15

one of the cool things you can do with `property` is animate conic gradients properly tailwind playground link below

dmytro

22,133 views • 1 year ago

Grok Web now has better UI support for Code Inputs!
0:13

Grok Web now has better UI support for Code Inputs!

Tech Dev Notes

916,759 views • 1 year ago

BRO THIS ANIMATED SEQUENCE IS SO FUCKING COOL
0:14

BRO THIS ANIMATED SEQUENCE IS SO FUCKING COOL

yo boi K

173,839 views • 28 days ago

Last year I worked on giving Miro's sticky notes a face lift. ✨📝 Lottie, animated gradients, and Blender-rendered shadows - layered together on canvas.
0:13

Last year I worked on giving Miro's sticky notes a face lift. ✨📝 Lottie, animated gradients, and Blender-rendered shadows - layered together on canvas.

Julius Sohn

29,080 views • 6 months ago

Apple homepage yet again featuring Three.js with some cool tricks like remapping greyscale heat sim values to gradients! Let's dive in 😁 🧵
0:14

Apple homepage yet again featuring Three.js with some cool tricks like remapping greyscale heat sim values to gradients! Let's dive in 😁 🧵

herbst

39,180 views • 11 months ago