Loading video...

Video Failed to Load

Go Home

Cool Animated gradients + Illustrative UI = Killer web cards.

basit_designs's profile picture

Basit A. Khan

23,386 subscribers

43,675 views • 7 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 • 2 months 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 • 5 months ago

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?
0:10

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?

Tran Mau Tri Tam ✪

19,338 views • 20 days ago

animated weapon wheel ui
0:14

animated weapon wheel ui

Edmond

18,139 views • 4 months ago

Shop UI animated! #pixelart
0:16

Shop UI animated! #pixelart

Pixelartnoob42

116,284 views • 2 years 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,029 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

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

174,168 views • 1 month 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 • 7 months ago