Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

DialKit now has visual timeline editing for all your fancy animations. Supports loops, groups, staggers, compound animations, and scrubbing (even with springs). I can't wait to see what ya'll create with it! npm i dialkit

joshpuckett's profile picture

joshpuckett

37,700 subscribers

87,724 Aufrufe • vor 10 Tagen •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

DialKit 1.3 is live! - Stable IDs for sharing DialKit state across pages - Persistent values, presets, and panel state - Programmatic getters and setters - Multiple DialKit instances now combine into one panel - Bug fixes and perf improvements › 𝚗𝚙𝚖 𝚒 𝚍𝚒𝚊𝚕𝚔𝚒𝚝
0:21

DialKit 1.3 is live! - Stable IDs for sharing DialKit state across pages - Persistent values, presets, and panel state - Programmatic getters and setters - Multiple DialKit instances now combine into one panel - Bug fixes and perf improvements › 𝚗𝚙𝚖 𝚒 𝚍𝚒𝚊𝚕𝚔𝚒𝚝

joshpuckett

40,547 Aufrufe • vor 1 Monat

DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.
0:23

DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.

joshpuckett

98,397 Aufrufe • vor 5 Monaten

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!
0:30

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

joshpuckett

82,065 Aufrufe • vor 6 Monaten

We all want that fancy portfolio, animations, typography, GSAP effects. I had that fancy portfolio, animations, typography, GSAP effects. I even got an Honorable Mention award. But now, I need something different. Something simpler. Easier to update and built to convert better. So I redesigned my portfolio. A much cleaner, more focused version to showcase my work.👇
1:29

We all want that fancy portfolio, animations, typography, GSAP effects. I had that fancy portfolio, animations, typography, GSAP effects. I even got an Honorable Mention award. But now, I need something different. Something simpler. Easier to update and built to convert better. So I redesigned my portfolio. A much cleaner, more focused version to showcase my work.👇

Stephen

21,590 Aufrufe • vor 4 Monaten

✨ Prism is now available for everyone! It's been incredible to uncover the possibilities with you all, and we can't wait to see what you create next:
0:40

✨ Prism is now available for everyone! It's been incredible to uncover the possibilities with you all, and we can't wait to see what you create next:

Fable

21,035 Aufrufe • vor 2 Jahren

OMG I finally did it!! 😃 I always wanted to create these fancy WebGL animations for fullPage.js, and today they are finally here!! 60+ advanced animations available! (If you know any other cool ones, let me know and I'll try to add them too)
0:50

OMG I finally did it!! 😃 I always wanted to create these fancy WebGL animations for fullPage.js, and today they are finally here!! 60+ advanced animations available! (If you know any other cool ones, let me know and I'll try to add them too)

Álvaro Trigo 🐦🔥

26,731 Aufrufe • vor 4 Monaten

Given how impressed I was with Cursor’s Thermo-Nuclear Code Quality Review skill, I decided to create a similar one, but specifically for animations. /review-animations to review, and /emil-design-eng to build animations. They complement each other well
0:31

Given how impressed I was with Cursor’s Thermo-Nuclear Code Quality Review skill, I decided to create a similar one, but specifically for animations. /review-animations to review, and /emil-design-eng to build animations. They complement each other well

Emil Kowalski

195,690 Aufrufe • vor 1 Monat

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.
0:28

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

joshpuckett

104,675 Aufrufe • vor 5 Monaten

The quote "The truth is what you see with your eyes, not what you hear" has stuck with me for SO LONG, I can't wait to see what the meaning of it is, or if we've been deceived this entire time
0:25

The quote "The truth is what you see with your eyes, not what you hear" has stuck with me for SO LONG, I can't wait to see what the meaning of it is, or if we've been deceived this entire time

Chain 🗝️🌈

25,831 Aufrufe • vor 1 Jahr

Canvas v1.0 is live NOW at Create anything your heart desires with our smolting (wassie, verse), maru.eth, and Monad models We can't wait to see what you all make LFW
0:34

Canvas v1.0 is live NOW at Create anything your heart desires with our smolting (wassie, verse), maru.eth, and Monad models We can't wait to see what you all make LFW

wassie

26,751 Aufrufe • vor 1 Jahr

I truly cannot wait to share this with you all.
0:20

I truly cannot wait to share this with you all.

joshpuckett

200,366 Aufrufe • vor 6 Monaten

Quick 2024 recap. This year has been amazing. I'm super grateful for all the support and I can't wait to see what 2025 has to offer.
0:44

Quick 2024 recap. This year has been amazing. I'm super grateful for all the support and I can't wait to see what 2025 has to offer.

Jakub Krehel

43,686 Aufrufe • vor 1 Jahr

"I can't wait for June 15... I can't wait to see it, but I'm just gonna be happy when this is all over and done with." Ariel Helwani explains some of the #UFCWhiteHouse fatigue he's having.
2:14

"I can't wait for June 15... I can't wait to see it, but I'm just gonna be happy when this is all over and done with." Ariel Helwani explains some of the #UFCWhiteHouse fatigue he's having.

Uncrowned

35,688 Aufrufe • vor 1 Monat

NPM superpowers unlocked 🔓 Base44 now supports NPM- GSAP, Chart.js, Radix UI, Day.js, FilePond, React Player, use-gesture and many more! You get advanced 3D, motion, smarter UX, richer dashboards, file uploads, image editing, video players, all from a prompt. Show us what you build with your new NPM superpowers 🪄 We're dropping examples in the comments:
0:29

NPM superpowers unlocked 🔓 Base44 now supports NPM- GSAP, Chart.js, Radix UI, Day.js, FilePond, React Player, use-gesture and many more! You get advanced 3D, motion, smarter UX, richer dashboards, file uploads, image editing, video players, all from a prompt. Show us what you build with your new NPM superpowers 🪄 We're dropping examples in the comments:

Base44

11,729 Aufrufe • vor 7 Monaten

Just wanted to share a couple color combos. I can't wait to see what you all come up with! #warframe
0:21

Just wanted to share a couple color combos. I can't wait to see what you all come up with! #warframe

Mike Skyers

34,552 Aufrufe • vor 5 Monaten

Game Changer for Designers in Figma – Textures👀 I created a Figma file for all of you, completely free, with some experiments! Play with colors, radius, and scale, or create prototypes to achieve real-time animations. Feel free to use it! 🫶
0:28

Game Changer for Designers in Figma – Textures👀 I created a Figma file for all of you, completely free, with some experiments! Play with colors, radius, and scale, or create prototypes to achieve real-time animations. Feel free to use it! 🫶

Marcin Pankiewicz

112,230 Aufrufe • vor 1 Jahr

✨Mastering Web Animations✨ THE ONLY COURSE YOU WILL NEED TO MASTER WEB ANIMATIONS. I know you were waiting for it, but now you have it. Whether you're a beginner or an experienced developer, the course will guide you through principles of motion, timeline animation, tools, and techniques used by award-winning developers. Enjoy the Early Bird Price, and let's Create together. See you there.
2:15

✨Mastering Web Animations✨ THE ONLY COURSE YOU WILL NEED TO MASTER WEB ANIMATIONS. I know you were waiting for it, but now you have it. Whether you're a beginner or an experienced developer, the course will guide you through principles of motion, timeline animation, tools, and techniques used by award-winning developers. Enjoy the Early Bird Price, and let's Create together. See you there.

Victor Work

32,511 Aufrufe • vor 1 Jahr

🖋️ A complete reimagining of vector editing in Framer. Draw shapes and paths right on your canvas, create custom Vector Sets with variables, and, best of all, dive into vector animations starting with the stroke effect. This is just the beginning for vectors.
2:57

🖋️ A complete reimagining of vector editing in Framer. Draw shapes and paths right on your canvas, create custom Vector Sets with variables, and, best of all, dive into vector animations starting with the stroke effect. This is just the beginning for vectors.

Framer

30,532 Aufrufe • vor 1 Jahr

One of the animations I did for Lythero's latest video. I might've got a lil carried away with the visuals. IF YOU WANT TO SEE MORE, GO WATCH THE VIDEO. THERE ARE MANY MORE ANIMATIONS AND EDITS.
0:27

One of the animations I did for Lythero's latest video. I might've got a lil carried away with the visuals. IF YOU WANT TO SEE MORE, GO WATCH THE VIDEO. THERE ARE MANY MORE ANIMATIONS AND EDITS.

Doovad ♦ Hohdan

125,538 Aufrufe • vor 1 Jahr