UI motion and animation layer this week.





Busy week coding UI motion animations, and transition effects. Let's see if I can name some of the things I used and tried... Gsap, Locomotive Scroll, After Effects, Splittext, webgl shaders, threejs, Matter.js, vanilla css, Illustrator, TextEdit, Terminal, Material UI Motion, Figma, svg animation code, Lottie, Bodymovin, Vercel, Relume, Webflow, Builder.io, Visily, Framer, Wix, React, Node, Python Moviepy, Pillow...
 

Popular posts from this blog

AR Animated Card

Image
  Scan the QR code with your phone's camera  or visit the link below on your phone to view.   https://adobeaero.app.link/rSis9vJtjJb   Here's a preview of the animation.
Read more

Design Systems with Pre-Populated Design Token Variables

Working with a design system, I want to figure out the best approach for designing variables. I want to know what is the latest standard, tools, and existing code. What works and why. So it can be solidified into a programatic design choice, and continue to add benefits.  There can be a big difference between a ui theme and a more immersive brand experience in a web browser. It helps to be able to work with all of it, give it specific definitions and a shared process. I also look for the things themes can do, and can’t to create visually appealing and interesting designs. Design systems are essential for maintaining consistency and efficiency in modern web and app design projects. By using variables as design tokens, you can create a bridge between design and code, ensuring that the values for colors, typography, spacing, and other design decisions are consistent across platforms. In this post, I’ll explore some of the best Figma design system resources in September 2024 that take the
Read more

Text to Instant Video

Image
Image created with AI. Huggingface always has interesting ML AI things to test and learn from. Here’s a quick video generator I tried out… https://huggingface.co/spaces/KingNish/Instant-Video Prompt: “Focus: A large coral reef underwater (Animate: Fish swimming around the coral, occasional sea turtle passing by) (Shot From Distance: A panoramic view that encompasses the vibrant underwater ecosystem)” Prompt: “Focus: A night sky filled with stars at a remote location (Animate: Shooting stars occasionally streaking across, constellations slowly rotating) (Shot From Distance: A broad view of the heavens that captures the majesty of the night sky)“
Read more