Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

🎉Variable modes are here! This latest update helps supercharge your scalable design systems. Now you can create sets of variable values that can easily be switched and applied throughout your site – unlocking responsive design across devices, efficient theming, and fewer variables to manage overall.

21,365 Aufrufe • vor 1 Jahr •via X (Twitter)

10 Kommentare

Profilbild von Ty Hughey
Ty Hugheyvor 1 Jahr

omg this is it!! 💙

Profilbild von Reown
Reownvor 1 Jahr

AppKit is the full-stack toolkit to build onchain app UX 🪄 ✅ Social, Email, and Wallet Login ✅ Embedded Wallets ✅ Crypto Swaps ✅ On-ramp Integrate with just 20 lines of code across 10+ languages for all EVM chains and Solana. Onboard millions of users for free today.

Profilbild von Jacob Miller
Jacob Millervor 1 Jahr

Congrats on launching!

Profilbild von Aaron Matthew Kaiser
Aaron Matthew Kaiservor 1 Jahr

Oh wow! Looks like this also make light/dark mode theming super easy as well.

Profilbild von Espinosa
Espinosavor 1 Jahr

Yes yes yes!!

Profilbild von Abi Rana
Abi Ranavor 1 Jahr

Wow just amazing….

Profilbild von Luke Netti
Luke Nettivor 1 Jahr

This is an awesome feature. Excited to start using it to make sites even faster.

Profilbild von Bernardo Lickfold
Bernardo Lickfoldvor 1 Jahr

Can’t wait to try this!

Profilbild von Miguel Ochoa
Miguel Ochoavor 1 Jahr

Dropping the game chargers huh? All right!

Profilbild von Mark Fa'amaoni
Mark Fa'amaonivor 1 Jahr

Ha ha! I was just thinking about all of the wasted real estate on the variables page the other day. I should have known you had plans for it LOL 😆 Excellent!!!

Ähnliche Videos

CSS variables are live and they are POWERFUL. Now Live on Product Hunt 🚀 ➡️ Create a design system "So you can stay consistent and build much quicker." Define global styles like colors, gradients, sizes, and box shadows. ➡️ Use your variables everywhere "So you never have to manually enter a border color again." You're not limited to just sizes, colors, and font families. Use variables in gradients, box shadows, transforms, and more! ➡️ Start with libraries like Open Props, expertly crafted CSS variables "So you can use a tried and true system, and so we can standardize our Projects." Because there are no abstractions, you can use existing CSS variable libraries like Open Props, an expertly crafted library of CSS variables, and the recommended starting point in Webstudio. ➡️ Create complex micro-interactions "So when you hover a link, you can change any children's styles." CSS variables go beyond reusability! You can define variables anywhere in the navigator, such as on a link, and modify the variables on hover. Then, you can use those variables on the children to create complex micro-interactions! ➡️ Design and build simultaneously "So when deciding that perfect border color, you can arrow through all your options." Experimenting on the canvas just got a whole lot better. Now, you can arrow through your variables and see them rendered on the canvas to see which works best. ➡️ Change variable by breakpoint "So you can make the variables look great, no matter the screen size." CSS variables in Webstudio use the same UI as the rest of your styles, enabling breakpoints to work the same way. ✨ Building with design systems gives a HUGE boost in speed, consistency, and maintainability.

Webstudio

15,495 Aufrufe • vor 1 Jahr