Atlassian Design
Design Principles
Colorbox.io
Facebook Design
Product Disrupt
Adele
UpLabs
Checklist Design
Framer Motion
Tailwind CSS
Lottie by Airbnb
Anime.js
GSAP
Haiku Animator
React Transition Group
React Motion
Atlassian Design Framer MotionBased on our record, Atlassian Design should be more popular than Framer Motion. It has been mentiond 11 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Atlassian Design System: Atlassian's Design System encompasses a color module encompassing primary, secondary, and functional colors, along with an extended palette for shades and tints. The system provides comprehensive guidelines for effective color usage and emphasizes accessibility. - Source: dev.to / 8 months ago
Atlassian design system: https://atlassian.design/. Source: 12 months ago
Regarding discoverability, you could build a directory with documentation. Similarly to how design systems are documented, e.g: https://atlassian.design/ But if you really want to share them you'll probably need to evangelize it somehow. Source: about 1 year ago
Step 5: Study design system Atlassian design system Primer design system Spectrum, Adobe’s design system Carbon design system. - Source: dev.to / about 1 year ago
Have you checked out https://atlassian.design/ and https://www.atlassian.com/team-playbook? They're pretty good. Source: over 1 year ago
The two most popular choices now (circa Jan 2024) are React Transition Group, started in 2016, and Framer Motion, started in 2018. I'm not too familiar with the former, so this article solely dives into the workings of AnimatePresence from Framer Motion and how it's able to enable exit animations. - Source: dev.to / 4 months ago
FWIW, I built the site using amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more – so maybe you can refer to those to build something similar! Source: over 1 year ago
Not really – the globe was made with cobe.vercel.app, the graphs with airbnb.io/visx, the animations with framer.com/motion – all of which are really amazing open-source libraries! Source: over 1 year ago
Thank you so much! I can't take all the credits however – I'm building on top of the shoulder of giants/amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more! :). Source: over 1 year ago
Our animation functionality basically works now... there's just a slight problem. The animation looks terrible. Luckily, we can use Variants in Framer Motion to solve our problem. - Source: dev.to / about 2 years ago
Design Principles - An open source repository of design principles and methods
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
Colorbox.io - Create accessible color systems 🎨
Lottie by Airbnb - Easily add high-quality animation to any native app
Facebook Design - Resources for Designers from the Facebook Design team
Anime.js - Lightweight JavaScript animation library