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

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

На главную

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

93,312 просмотров • 2 месяцев назад •via X (Twitter)

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

Фото профиля joshpuckett
joshpuckett2 месяцев назад

full cross framework support here too across react, vue, solid, and svelte. tons of bug fixes as well with this 1.4 release. full docs on github:

Фото профиля Jason Marder
Jason Marder2 месяцев назад

@lochieaxon

Фото профиля joshpuckett
joshpuckett2 месяцев назад

@lochieaxon Hahaha this is amazing 🤣🤣

Фото профиля ؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie
؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie2 месяцев назад

hell yeah dawg

Фото профиля joshpuckett
joshpuckett2 месяцев назад

Wouldn’t be nearly as good without your feedback and collab! 🙇

Фото профиля ؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie
؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie2 месяцев назад

🥰

Фото профиля jerrywang
jerrywang2 месяцев назад

crazyyyy!!! i was literally working on a project and wondering "what if dialkit can fine-tune animation"

Фото профиля joshpuckett
joshpuckett2 месяцев назад

your wish is my command, hope you find it helpful!

Фото профиля Solutionb
Solutionb2 месяцев назад

DialKit 🐐 Figma motion now has competition

Фото профиля joshpuckett
joshpuckett2 месяцев назад

i think they're additive, not competitive. different intents and purposes. will always love the @figma team 🫶

Фото профиля Josh Millgate
Josh Millgate2 месяцев назад

Awesome work!

Фото профиля Hey Detya
Hey Detya2 месяцев назад

oh this is exactly what i've been waiting for, the scrubbing with springs is gonna be game changing

Фото профиля Luca
Luca2 месяцев назад

@svlleyy HUGE IF TRUE (it is in fact true)

Фото профиля joshpuckett
joshpuckett2 месяцев назад

@svlleyy many are saying!

Фото профиля matt
matt2 месяцев назад

@lochieaxon holy cow dude this incredible

Фото профиля Manu Arora
Manu Arora2 месяцев назад

HE STRIKES AGAIN!!! 💯

Фото профиля siddharth ✢
siddharth ✢2 месяцев назад

the gift that keeps on giving 🥹

Фото профиля joshpuckett
joshpuckett2 месяцев назад

Gifts is one of my love languages, after all

Фото профиля Steve Lauda
Steve Lauda2 месяцев назад

Another blessing from Josh, thank you!

Фото профиля joshpuckett
joshpuckett2 месяцев назад

Here to serve!

Фото профиля Farhan
Farhan2 месяцев назад

GOAT! thanks josh!

Фото профиля joshpuckett
joshpuckett2 месяцев назад

Gochu boo 💪

Фото профиля Noman
Noman2 месяцев назад

Incredible work!

Фото профиля Pritam Paul
Pritam Paul2 месяцев назад

@svlleyy 🫡

Фото профиля Ty Drake
Ty Drake2 месяцев назад

huge update! can’t wait to try

Фото профиля dicky
dicky2 месяцев назад

now i feel like editing a video with effects but directly on the web, shhh thanks josh

Фото профиля Morgan
Morgan2 месяцев назад

sickkkkkk

Фото профиля mekwek
mekwek2 месяцев назад

@lochieaxon mamma mia

Фото профиля David McGillivray
David McGillivray2 месяцев назад

incredible ✨

Фото профиля Daniel Destefanis
Daniel Destefanis2 месяцев назад

@lochieaxon Excellent work!!

Фото профиля joshpuckett
joshpuckett2 месяцев назад

@lochieaxon Ty sir!

Фото профиля Nem Builds
Nem Builds2 месяцев назад

@jamesm Love it! Testing it out tomorrow, will share my 2-cents.

Фото профиля Taufiq Rahman
Taufiq Rahman2 месяцев назад

Looking really cool. Thanks Josh!

Фото профиля sanchezdesign.me
sanchezdesign.me2 месяцев назад

🐐🐐🐐

Фото профиля Steve
Steve2 месяцев назад

Figma Motion team should learn from your incredible UX work here. Keep it coming Josh!! 💛

Фото профиля William Hutter
William Hutter2 месяцев назад

Does dialkit work with simple html and JavaScript files? Or does it only work on react apps? I build primarily Shopify themes and would love to see it at work on my section animations

Фото профиля joshpuckett
joshpuckett2 месяцев назад

I don’t yet have a raw version, but open a GitHub issue for it and I’ll consider!

Фото профиля Zantos
Zantos2 месяцев назад

This is so cool. Cant wait

Фото профиля Ryan Furrer @ CYC
Ryan Furrer @ CYC2 месяцев назад

dude doesn't miss 🐐

Фото профиля joshpuckett
joshpuckett2 месяцев назад

Aim high, miss high!

Фото профиля Ryan Furrer @ CYC
Ryan Furrer @ CYC2 месяцев назад

I've yet to see you miss 🎯 ty for doing what you do

Фото профиля Greg
Greg2 месяцев назад

Brilliant! Does it also support ?

Фото профиля joshpuckett
joshpuckett2 месяцев назад

Conceptually yes! I’ve not tried it, but DialKit handles the parameter updating, and you can put those values anywhere you want

Фото профиля Austin Atkinson
Austin Atkinson2 месяцев назад

COOK

Фото профиля joshpuckett
joshpuckett2 месяцев назад

💅👨‍🍳

Фото профиля Micka
Micka2 месяцев назад

@lochieaxon Oh boy

Фото профиля Nabil
Nabil2 месяцев назад

man! this is gooood

Фото профиля Orezi Mena
Orezi Mena2 месяцев назад

Too powerful

Фото профиля David Elgena
David Elgena2 месяцев назад

Brother.., it’s beautiful 😍

Фото профиля joshpuckett
joshpuckett2 месяцев назад

Thank you sir!

Фото профиля Tom Krcha
Tom Krcha2 месяцев назад

Looks great!

Фото профиля joshpuckett
joshpuckett2 месяцев назад

Cheers Tom!

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

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