Motion Premitives

Visit Motion Premitives

https://motion-primitives.com/

Motion-Primitives, animated React Tailwind UI kit, lets you build beautiful, interactive interfaces effortlessly—engineers and designers copy-paste from 50+ customizable motion blocks, skipping animation headaches. Designed for React and Next.js, it combines Framer Motion-powered animation with easy Tailwind theming, so you launch motion-rich UIs without boilerplate. Weekly improvements, detailed docs, and 4000+ GitHub stars provide proof that every prototype, demo, or launch feels instantly polished, accessible, and developer-ready.

You might also like

https://framer.university/resources

Framer University Resources

Transform design struggles into stunning websites with zero code using Framer resources from Framer University. Built for designers and developers seeking professional web solutions, this curated collection combines ready-to-use components with interactive animations so you can build faster and ship polished sites, while code overrides and advanced effects enable custom functionality without technical barriers. From scroll animations to 3D integrations, each resource includes copy-paste implementation and detailed tutorials. This platform serves thousands of designers worldwide, ensuring every project launches with professional polish, seamless interactions, and enterprise-level performance that scales effortlessly across devices and user loads.

Framer

https://magicanimator.com/

Magic Animator by Lottielabs

Turn static designs into captivating animations without wrestling with complex keyframes using Magic Animator AI animation tool. Built for designers, marketers, and product teams seeking effortless motion graphics, this revolutionary Figma plugin combines AI-powered generation with one-click automation so you can create four unique animation variations instantly from any design, while editable keyframes and chat-based customization enable precise control without technical animation expertise. The platform features seamless integration with Figma, Canva, and Adobe Express alongside multi-format exports including MP4, GIF, and Lottie for web development. From animated logos and social media posts to UI micro-interactions and brand elements, you can bring any visual to life in seconds rather than hours. This runs on a platform earning 4.8 stars on Product Hunt with #1 launch day ranking and trusted by design teams at Netflix and Google, ensuring every project ships faster, looks sharper, and scales effortlessly across modern creative workflows.

Motion Design

https://alphredo.app/

Alphredo

Alphredo transforms complex color transparency calculations into instant translucent palette generation for seamless design workflows. This alpha color generator combines precision color matching with automated transparency adjustment so you can create professional translucent effects without manual calculations, while background-aware processing and saturation controls enable perfect color harmony across any design system without guesswork. Available as both a web application and Figma plugin, Alphredo has gained traction among UI designers and design teams who need consistent transparency effects. The tool generates translucent colors that look identical to their opaque counterparts when placed against specific backgrounds, ensuring your design maintains visual consistency across different transparency levels and background combinations that matter most to modern interface design.

Colors

https://www.openpeeps.com/

Open Peeps

Create unique character illustrations that bring personality to any design project with endless customization possibilities. Illustration library Open Peeps delivers hand-drawn vector components for building diverse human characters through mix-and-match elements. Built for designers, product managers, and marketers, it combines modular arms, legs, facial expressions, and hairstyles with clothing options so you can create authentic representation across user flows, personas, and marketing materials, while over 584,688 possible combinations enable unique character creation without repetitive stock illustration limitations. This comprehensive library works seamlessly in Sketch, Figma, Adobe XD, and InVision Studio with nested components for easy customization. Created by Pablo Stanley under CC0 license with thousands of downloads on launch day, ensuring every design project ships faster, looks sharper, and scales effortlessly across product states, storyboards, and commercial applications.

Illustrations

https://designobserver.com/

Design Observer

Stop consuming shallow design content and start engaging with ideas that actually shape the creative landscape through design criticism Design Observer. Built for designers, architects, and creative thinkers who crave intellectual depth over Instagram trends, this influential platform combines provocative essays from industry luminaries with the acclaimed Design Matters podcast so you can explore the cultural forces behind breakthrough work and understand design's role in society, while extensive archives and scholarly perspectives enable profound creative growth without settling for surface-level inspiration. This runs on a platform that has sparked countless career-defining conversations since 2003, founded by Pentagram's Michael Bierut and design legend Jessica Helfand, ensuring every piece challenges conventional thinking, reveals hidden connections between creativity and culture, and positions you among the voices that matter most in contemporary design discourse. Where other platforms show you what's trending, Design Observer reveals why it matters.

Design Blogs

https://lawsofux.com/

Laws of ux

Master the psychology behind exceptional user experiences with user experience principles from Laws of UX. Built for designers, developers, and product teams seeking evidence-based design guidance, this comprehensive collection showcases 21 psychological principles including Jakob's Law, Fitts's Law, and Hick's Law across categories like heuristics, Gestalt principles, and cognitive biases. Browse organized laws covering everything from aesthetic-usability effects to the Von Restorff effect while accessing detailed explanations, practical examples, and visual illustrations that reveal why certain design patterns work consistently. The platform combines free poster downloads with actionable takeaways so you can apply psychological insights immediately, while clear categorization enables rapid principle discovery without information overload. This runs on a platform receiving 30,106 daily visitors with 180,636 pageviews and trusted by design professionals worldwide since becoming the definitive reference for psychology-driven UX design, ensuring every project ships faster, looks sharper, and scales effortlessly.

Nice Reads