Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 8 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 месяц назад

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 просмотров • 2 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

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 просмотров • 8 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 7 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 9 месяцев назад

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 просмотров • 26 дней назад

⚡️ 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 просмотров • 1 год назад