11 entries
Keyword: framer-motionLink:scrolltide.co
Scrolltide is a curated library of scroll-driven templates, UI components, and GPU shaders paired with structured prompts for AI coding tools like Claude, Cursor, and v0.
From X post: AI-Driven Workflow for 3D Web Design and Interactive Frontends
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:Kailash
Kailash highlights five specialised skills from ui-skills.com designed to help developers and AI coding agents build better frontend interfaces, fluid physics-based animations, refined shadows, and accessible components.
7.3kbookmarks248.3kviews
Link:scrolltide.co
Scrolltide is a curated collection of scroll-driven templates, UI components, and shaders designed as prompts for AI coding tools such as Claude, Cursor, and v0.
From X post: 20 Curated UI Resources for Design Engineers
Link:raphaelsalaja
An installable skill package by raphaelsalaja audits web animation code against Disney's twelve animation principles adapted for user interfaces.
From X post: Top 5 UI Skills for Design Engineers Using AI Agents
Link:Emil Kowalski
Emil Kowalski outlines his design engineering philosophy for UI polish, component craft, and interface animations. The guide highlights trained taste, compounding micro-details, and clear rules for animation frequency, custom easings, and component states.
From X post: Top 5 UI Skills for Design Engineers Using AI Agents
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
Link:Saurabh
beUI is an open-source component library for React and Next.js built on Motion (Framer Motion) and Tailwind CSS 4, distributed directly via the shadcn CLI.
From X post: Csaba Kissi's Tool Picks: In-Page Agents, React Components, and MCP Hosting
Link:Mannupaaji
Aceternity UI, created by developer Mannupaaji, offers more than 200 ready-to-use React components, blocks, and templates for landing pages. Built with Tailwind CSS and Motion, it features a copy-and-paste workflow and support for AI agents via an MCP server.
From X post: Curated UI Components and Transitions for Web Apps and AI-Native Interfaces
Repository:ShenSeanChen/launch-mvp-stripe-nextjs-supabase
A production-ready Next.js 14 template providing built-in authentication, payment processing, and automated transactional emails.
1.1kstarsTypeScript
From Video: Loop vs Graph Engineering for AI Agents: Concepts and Practice with Waku Agent
Prompt:admin
The provided system prompt outlines a comprehensive Product Requirements Document (PRD) and phased development roadmap for an educational web game teaching digital literacy and online safety to young users.
Web development· Resource
11 of 11 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.
