Recreating the Mac Mini Effect Step-by-Step in Rive | Codrops
Learn how to bring the Mac Mini animation to life using Rive’s powerful no-code tools, with tips on nested artboards, state machines, and faux 3D effects.
Learn how to bring the Mac Mini animation to life using Rive’s powerful no-code tools, with tips on nested artboards, state machines, and faux 3D effects. rive I recently recreated the Mac Mini animation using Rive, a no-code animation tool that’s becoming increasingly popular among web and product designers (and developers). To make this easier to follow, grab my remix link and follow along. Here’s the animation we’ll be recreating: Rive User Interface Welcome to the Rive interface. Here’s a quick rundown: Toolbar Hierarchy (or Layers) List Artboards Toggle to switch between Design…
saved by
related reading
- Rive — the interactive experience enginerive.app
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- Jitter · A fast and simple motion design tool on the webjitter.video
- Phil on X: "I built my girlfriend a personal site for her birthday people love my own personal site so I decided to go with a similar style for hers, kept the storytelling + fun little animations https://t.co/aOLf2hDuq7" / Xx.com
- Rive (@rive_app) / Xx.com
- Not a Numbernan.fyi
- Anime.js | JavaScript Animation Engineanimejs.com
- Swishy - AI Motion Designer & Animator | Create Stunning Animationsswishy.ai
- 60fps - UI/UX animation inspiration for mobile & web apps60fps.design
- animations.devanimations.dev
- Magic UImagicui.design
- Figma Motion: Animation Tool for Designers & Developersfigma.com