Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

dot matrix tricker component made with css and canvas inspired by Marijana Pavlinić's wonderful portfolio → (still wip)

MaximeHeckel's profile picture

Maxime

13,138 subscribers

14,670 görüntüleme • 8 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.
0:30

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.

balint

185,581 görüntüleme • 1 yıl önce

It's still WIP 💥 Inspired by a concept from ian #wip #3dart #zbrush #blender
0:20

It's still WIP 💥 Inspired by a concept from ian #wip #3dart #zbrush #blender

Julia Acherontias 🩸🦇3D Character Artist🦇🩸

25,722 görüntüleme • 1 yıl önce

Aurora accordion component exploration. Inspired by Jakub Antalik border beam. Still iterating.
0:21

Aurora accordion component exploration. Inspired by Jakub Antalik border beam. Still iterating.

Steve Lauda

22,066 görüntüleme • 1 ay önce

the team cooked an insane demo on SMFS dot ai just put in the files (made with css and claude!)
0:30

the team cooked an insane demo on SMFS dot ai just put in the files (made with css and claude!)

Dhravya Shah

107,396 görüntüleme • 2 ay önce

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼
0:59

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

shawn.

144,915 görüntüleme • 2 ay önce

Portfolio accordion interaction made in Rive using the Layouts feature. Inspired by this post:
0:32

Portfolio accordion interaction made in Rive using the Layouts feature. Inspired by this post:

Drawsgood

12,255 görüntüleme • 1 yıl önce

wip: some fun css-only motion for a tab component trying to optically align things so we have, one fixed width parent (preventing reflow outside component) along with 3 items which have dynamic labels of varying widths, is hard
0:23

wip: some fun css-only motion for a tab component trying to optically align things so we have, one fixed width parent (preventing reflow outside component) along with 3 items which have dynamic labels of varying widths, is hard

Luke

12,594 görüntüleme • 2 ay önce

While designers use Figma, I create cinematic experiences with CSS 🎬🧑‍💻 Meet Mr. Polygon, a geometric, animated portrait made entirely with HTML & CSS 🔥 Inspired by Mannie Live Demo: GitHub: Show some love 🤲🏽💙
0:54

While designers use Figma, I create cinematic experiences with CSS 🎬🧑‍💻 Meet Mr. Polygon, a geometric, animated portrait made entirely with HTML & CSS 🔥 Inspired by Mannie Live Demo: GitHub: Show some love 🤲🏽💙

Ezekiel 🕸️

21,450 görüntüleme • 8 ay önce

CSS Trick 🤙 You can mask other elements with icons in CSS to create this glittery icon hover/interaction effect ✨ canvas { mask: url(/img/icons/next.svg); } Check this example, inspired by the new Vercel homepage treats that are dropping 🖤 (Had to have a go at whipping this up over food break 😅) 1. Create some that animate squares with different hue shades (Using GSAP to only animate on :hover with ticker ⏲️) 2. Mask each canvas with a desired icon 3. On :hover, fade in the animating canvas 🤙 Check out the exploding view! 🤯 CodePen.IO link below 👇
0:24

CSS Trick 🤙 You can mask other elements with icons in CSS to create this glittery icon hover/interaction effect ✨ canvas { mask: url(/img/icons/next.svg); } Check this example, inspired by the new Vercel homepage treats that are dropping 🖤 (Had to have a go at whipping this up over food break 😅) 1. Create some that animate squares with different hue shades (Using GSAP to only animate on :hover with ticker ⏲️) 2. Mask each canvas with a desired icon 3. On :hover, fade in the animating canvas 🤙 Check out the exploding view! 🤯 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

210,440 görüntüleme • 2 yıl önce

Forgot to show these guns to you guys. A revolver and an HMG that's inspired by that smart gun in ALIEN. (Explosion and stuff are still WIP btw)
0:48

Forgot to show these guns to you guys. A revolver and an HMG that's inspired by that smart gun in ALIEN. (Explosion and stuff are still WIP btw)

MATTO

58,806 görüntüleme • 7 ay önce

Test with a few actions (no shape keys). I might be onto something Mouth ctrl inspired by @soraninArt (mine still missing a lot of phonemes) #b3d #WIP #rigging
1:22

Test with a few actions (no shape keys). I might be onto something Mouth ctrl inspired by @soraninArt (mine still missing a lot of phonemes) #b3d #WIP #rigging

A$AP BERG

19,450 görüntüleme • 2 yıl önce

A major physical painting that was initiated with A.I was acquired today by the forward thinking and innovative Blondie. I recently posted a WIP and Blondie, without hesitation, commented ‘dibs’. She didn’t know yet that the WIP was 100% A.I. and she didn’t know it also inspired a physical. The A.I. work was made by training a MidJourney Model on some of my works. The image that emerged inspired me to create a version with the traditional medium of oil paint on canvas. I am super thrilled to announce that the visionary collector Blondie acquired “Drive-by Diagnosis”, 48” X 60”, for 9.45 eth. 🙏🙏🙏 LFG
0:57

A major physical painting that was initiated with A.I was acquired today by the forward thinking and innovative Blondie. I recently posted a WIP and Blondie, without hesitation, commented ‘dibs’. She didn’t know yet that the WIP was 100% A.I. and she didn’t know it also inspired a physical. The A.I. work was made by training a MidJourney Model on some of my works. The image that emerged inspired me to create a version with the traditional medium of oil paint on canvas. I am super thrilled to announce that the visionary collector Blondie acquired “Drive-by Diagnosis”, 48” X 60”, for 9.45 eth. 🙏🙏🙏 LFG

hafftka

24,740 görüntüleme • 2 yıl önce

Subscriptions Calendar. Made with Tailwind and Framer Motion. Inspired by Kumail Nanji
0:20

Subscriptions Calendar. Made with Tailwind and Framer Motion. Inspired by Kumail Nanji

LN

418,251 görüntüleme • 1 yıl önce

Subscription Calendar with more details. Made with Tailwind and Framer Motion. Inspired by @KumailNanji
0:26

Subscription Calendar with more details. Made with Tailwind and Framer Motion. Inspired by @KumailNanji

LN

133,483 görüntüleme • 1 yıl önce

Send Money Interaction ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal
0:21

Send Money Interaction ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

LN

10,757 görüntüleme • 1 yıl önce

Inspired by the glowing hearts Here is the WIP winter alerts
0:20

Inspired by the glowing hearts Here is the WIP winter alerts

Natali - Dexpixel◞♡

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

Subscription Calendar with more views. Made with Tailwind and Framer Motion. Inspired by @KumailNanji x @dana_daniellaa
0:34

Subscription Calendar with more views. Made with Tailwind and Framer Motion. Inspired by @KumailNanji x @dana_daniellaa

LN

49,764 görüntüleme • 1 yıl önce

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs
0:44

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

Bharat Kara

17,366 görüntüleme • 1 yıl önce

Apple Watch recreated with pure CSS + JS The original was made with WebGL in 2015. DOM + CSS in 2025 Insane work by 池田 泰延
0:36

Apple Watch recreated with pure CSS + JS The original was made with WebGL in 2015. DOM + CSS in 2025 Insane work by 池田 泰延

Ali Grids

51,999 görüntüleme • 25 gün önce