9 entries
Keyword: motion
X post:Elia
Elia highlighted a smooth share sheet interaction built with Arc UI, a library featuring 153 motion-enabled React components and 89 UI blocks for Next.js and shadcn.
555bookmarks20.5kviews
Link:Emil Kowalski
Emil Kowalski distils Apple's principles for fluid, physically modelled interface design and translates them to web technologies such as Pointer Events, CSS, and spring animations.
From X post: UI Skills: Curated Guidelines and Prompts for Higher-Quality Interfaces
X post:Urvish
Developer Urvish shared useLayouts, a collection of free, interactive, and animated React components designed for modern web apps.
343bookmarks17.6kviews
Link:ui.spectrumhq.in
Spectrum UI is a UI library backed by Vercel OSS that offers over 250 animated components. It integrates into AI assistants such as Cursor or Claude via a Model Context Protocol (MCP) server.
From X post: Spectrum UI: Animated React Components with MCP Integration for AI Agents
X post:Arihant Jain
Arihant Jain highlights Spectrum UI as a resource for crafting attractive software. Backed by Vercel OSS, the library offers over 250 animated React components built with Motion and connects directly to assistants like Cursor and Claude via an MCP server.
372bookmarks14.1kviews
X post:Arihant Jain
Arihant Jain has announced Spectrum UI, an open-source React and Tailwind CSS component library featuring animations powered by Motion. It includes over 250 components and blocks alongside an MCP integration tailored for AI coding agents.
183bookmarks6.9kviews
X post:John Champ
John Champ is building a library of coded animated components designed for feature sections on landing pages, targeted at React, shadcn/ui, Motion, and Tailwind CSS.
442bookmarks27.3kviews
X post:Arihant Jain
Arihant Jain has released an open-source data table component inspired by Linear's UI, built using shadcn/ui and Motion.
974bookmarks41.1kviews
Link:Matt Perry
Motion (formerly Framer Motion) is an MIT-licensed, open-source animation library supporting React, JavaScript, and Vue. It uses a hybrid engine combining JavaScript with hardware-accelerated browser APIs such as ScrollTimeline. Its wider ecosystem includes pre-built sections in Motion UI, an AI Kit tailored for coding agents, and MotionScore performance audits.
From X post: Curated Resource List for Design Engineers
9 of 9 shown
Do you have an interesting article, a video, or a tweet that belongs in our knowledge base? Write to us at office@webconsulting.at.
Parts of this content were created with the assistance of AI.
