Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 8 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 26 Tagen

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 21 Tagen

⚡️ 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 Aufrufe • vor 1 Jahr