Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Cool Animated gradients + Illustrative UI = Killer web cards.

basit_designs's profile picture

Basit A. Khan

25,026 subscribers

43,874 görüntüleme • 9 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Found some ridiculously good resources for background gradients & colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?
0:17

Found some ridiculously good resources for background gradients & colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?

Imran Khan

61,663 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 7 ay önce

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 ✪

20,200 görüntüleme • 3 ay önce

Shop UI animated! #pixelart
0:16

Shop UI animated! #pixelart

Pixelartnoob42

116,446 görüntüleme • 3 yıl önce

animated weapon wheel ui
0:14

animated weapon wheel ui

Edmond

18,835 görüntüleme • 7 ay önce

Animated Feature Cards
0:10

Animated Feature Cards

Dawood

13,065 görüntüleme • 6 ay önce

15 resources your AI workflow is missing 👀 1. — 100+ free website templates 2. — Motion design sections 3. — 170+ visual techniques 4. — Premium Figma designs 5. — 900+ curated icons 6. — Animated website prompts 7. — Website inspiration 8. — High-end web design 9. — Landing page inspiration 10. — Footer ideas 11. — Mobile UI animations 12. — CTA inspiration 13. — Animated gradients 14. — Background assets 15. — Design, together Save this before your next build 🔖
0:11

15 resources your AI workflow is missing 👀 1. — 100+ free website templates 2. — Motion design sections 3. — 170+ visual techniques 4. — Premium Figma designs 5. — 900+ curated icons 6. — Animated website prompts 7. — Website inspiration 8. — High-end web design 9. — Landing page inspiration 10. — Footer ideas 11. — Mobile UI animations 12. — CTA inspiration 13. — Animated gradients 14. — Background assets 15. — Design, together Save this before your next build 🔖

Vullnet Ademaj

59,051 görüntüleme • 23 gün önce

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 görüntüleme • 1 yıl önce

¡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 görüntüleme • 3 yıl önce

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,492 görüntüleme • 6 ay önce

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

Animated cards are always better than static ones.

Praha

19,841 görüntüleme • 10 ay önce

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,601 görüntüleme • 1 yıl önce

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

82,638 görüntüleme • 10 ay önce

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

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

cloudbepp

18,111 görüntüleme • 9 ay önce

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 görüntüleme • 1 yıl önce

e-reader cards are cool as hell
0:17

e-reader cards are cool as hell

Edu✨

91,406 görüntüleme • 25 gün önce