UI & UX
Inspiration, design tools and visual assets for digital and creative work.
- Figma, Editor's pickCollaborative interface-design platform with AI features.
- accessibility --- addyosmaniWeb accessibility auditing and improvement skill based on WCAG-oriented guidance.
- Aceternity UIReact, Tailwind CSS and Motion components, blocks and templates for building animated interfaces and landing pages.
- adapt --- pbakausResponsive interface adaptation across breakpoints, devices, and contexts.
- Anime.jsA JavaScript animation library for web interfaces, with timelines, scroll-linked animation, SVG tools and draggable interactions.
- AppKittieMobile app design inspiration and interface references.
- apple-design --- emilkowalski, Editor's pickApple-inspired interface, motion, gesture, typography, and design-engineering guidance.
- AppshotsMobile app screen and interface design inspiration.
- BananiAI-assisted UI design and product-design tooling with interface inspiration.
- beautiful-shadows --- MengToUI depth, elevation, and shadow-treatment skill.
- better-interface --- jakubkrehelHolistic interface-review skill spanning accessibility, layout, writing, typography, color, and polish.
- CSS Text EffectsA browsable library of CSS text effects and animations with copyable snippets and implementation guides.
- design-review --- SuperfuturePrioritized UI critique across visual craft, responsiveness, accessibility, and consistency.
- DESIGN.mdA community library of Markdown design-system files describing visual styles and component patterns for AI coding tools.
- DesignMD Supply, Editor's pickResources for AI-assisted product and interface design workflows.
- DesignMD.coResource focused on design and AI-enabled workflows.
- DesignMD.meResource for AI-assisted design workflows.
- draw.ioCreate diagrams and flowcharts.
- emil-design-eng --- emilkowalski, Editor's pickDesign-engineering philosophy for UI polish, components, animation, and frontend craft.
- ExcalidrawCreate hand-drawn-style diagrams and visual sketches.
- Fluid FunctionalismOpen-source UI components and frontend interface resources.
- Frontend DesignFrontend interface design skill.
- GetDesign.md, Editor's pickResource for improving AI-assisted interface and product-design workflows.
- Google Stitch, Editor's pickGoogle's AI interface-design tool.
- interaction-design --- wshobsonMicrointeraction, motion, transition, gesture, and feedback-pattern skill.
- KineticsA gallery of spring-style interface animations with CSS examples, React examples and implementation prompts.
- LayersAI-assisted design exploration and interface creation.
- Linkly SkillsRankings and discovery of reusable AI-agent skills.
- liquid-glassA headless React glass-effect component with a visual playground, examples and controls for refraction, tint and edge effects.
- Magic UIAn open-source collection of animated React components and effects built with TypeScript, Tailwind CSS and Motion.
- mapcnCustomizable React map components built on MapLibre and styled with Tailwind CSS, with documentation and examples for maps and related controls.
- MediaModifierAdditional internet utility resource.
- MicroKit UIA collection of React and CSS microinteractions for buttons, inputs, navigation and other interface details.
- MobbinLibrary of real-world mobile and web product screens, patterns, and user flows.
- Motion-PrimitivesReusable animated interface components built with Motion and Tailwind CSS, with examples and customization documentation.
- Napkin AITurn ideas and text into visual diagrams.
- PenpotOpen-source collaborative design platform.
- PricingPages.designA gallery of pricing-page examples with filters for components and design patterns such as tier cards, comparison tables and billing switches.
- ReferoCurated product design references, screens, components, and UX patterns.
- SaaS Landing Page — Pricing ExamplesA curated gallery of SaaS pricing-page examples for exploring layouts, plan comparisons and pricing presentation.
- shadcn --- shadcn-uiProject-aware shadcn/ui component workflow skill.
- Shadcnblocks, Editor's pickA collection of shadcn/ui, Tailwind and React blocks, components and templates with copy-and-paste or CLI installation options.
- ShotsCreate polished product screenshots and mockups.
- SmartmockupsCreate product and device mockups.
- The Component Gallery, Editor's pickA reference collection of interface components and examples drawn from published design systems.
- tldrawCollaborative infinite canvas and browser-based whiteboard.
- TypeUIUI and typography-focused design resource.
- UIAbleA shadcn-based interface system with reusable React components, blocks, templates and dashboards built for Tailwind CSS and TypeScript.
- UiverseA community-built collection of interface elements with examples available in HTML/CSS, Tailwind, React and Figma.
- UizardAI-assisted UI design, wireframing, and prototype generation.
- VibeUIUI prompt library for AI-assisted website generation.