10 Oct 2026 · One afternoon on X

89 links designers put on the table.

Every gallery, component library, icon set, motion tool, and AI workflow from the trend “Designers on X Share UI/UX Resources, Tools, and AI-Assisted Workflows.” Each site was opened. Each line is credited to the post that shared it.

Links: 89
Opened: 85
Shelves: 10
Unverified: 4

Passed around the most

Showing 89

Galleries

Navbars, heroes, footers, and whole-site references people actually screenshot.

01/Galleries
Navbar Gallery
navbar.gallery
A curated collection of website navbar and navigation design examples.
via @Skirook, @himanshubuildss
Open
02/Galleries
Footer
footer.design
A curated gallery of website footer designs you can sort by type and style.
via @himanshubuildss
Open
03/Galleries
CTA.gallery
cta.gallery
A gallery of call-to-action section designs for web inspiration.
via @himanshubuildss
Open
04/Galleries
Supahero
supahero.io
A handpicked library of website hero sections.
via @himanshubuildss
Open
05/Galleries
Minimal Gallery
minimal.gallery
Hand-picked modern website designs submitted daily, plus Framer and Webflow templates and tools.
via @himanshubuildss
Open
06/Galleries
Godly
godly.website
Shared as a gallery of hand-picked, high-craft websites, but godly.website now redirects to recent.design ("Recent: Design Inspiration").
Unverified — treat the link carefully.
via @himanshubuildss
Open
07/Galleries
Awwwards
awwwards.com
Website awards site that showcases and rates the best web design and the studios behind it.
via @himanshubuildss
Open
08/Galleries
Mobbin
mobbin.com
A searchable library of 400,000+ real mobile and web app screenshots and flows for UI/UX research.
via @himanshubuildss
Open
09/Galleries
The Component Gallery
component.gallery
A repository of interface components with examples from real design systems.
via @himanshubuildss
Open
10/Galleries
Morphin
morphin.dev
A library of UI design inspiration (interfaces, interactions and animations) taken from real websites and apps.
via @kasuncfdo, @Screeendev
Open
11/Galleries
Inspora
inspora.design
A curated archive of recent visual design and creative work.
via @neropursue
Open
12/Galleries
Landdding
landdding.com
A daily showcase of new website designs that the web-design community upvotes.
via @RoundtableSpace
Open
13/Galleries
Whipsaw
whipsaw.com
The site of Whipsaw, a San Francisco product design, brand and digital-experience studio (shared as product design inspiration).
via @RoundtableSpace
Open
14/Galleries
60fps
60fps.design
A curated collection of UI/UX animation and interaction details from top iOS and web apps.
via @Skirook
Open
15/Galleries
Websitevice
websitevice.com
Real-world website examples for design inspiration, grouped by category (agency, SaaS, portfolio and more).
via @webdevluc
Open
16/Galleries
Appllama
appllama.io
Screens, flows, onboarding and paywalls from top-grossing iOS apps, with revenue context.
via @Screeendev
Open
17/Galleries
UI-Patterns
ui-patterns.com
A library of 170 user-interface and persuasive design patterns with real-world examples (named in a reply; the post's video was not readable).
via @BuildurLeverage
Open
18/Galleries
x6sense
x6sense.com
Shared as a way to find design references faster; the site only loads a chat app shell ("New Chat | x6sense") so I could not confirm what it does.
Unverified — treat the link carefully.
via @Doublerightvc
Open
19/Galleries
Tracereader
tracereader.app
A tool that inspects the typography, visual effects and motion of any webpage (14-day Pro trial, then 10 free reads a month).
via @tracereaderapp
Open

Components

React, Tailwind, and shadcn libraries you can copy into a project or hand to an agent.

20/Components
21st.dev
21st.dev
A registry of 12,000+ React and Tailwind components, templates and shadcn themes that you can install with one command or through your AI agent.
via @himanshubuildss, @neropursue, @zyeutequebec
Open
21/Components
affectUI
affectui.com
Agent-ready React components, screens and blocks for AI products and SaaS, one file each with no dependencies.
via @neropursue
Open
22/Components
shadcn/ui
ui.shadcn.com
Composable, accessible React components you copy into your project and own as the base for a design system.
via @himanshubuildss
Open
23/Components
Aceternity UI
ui.aceternity.com
A React library of 200+ copy-paste components, blocks and landing-page templates built with Tailwind CSS and Motion.
via @himanshubuildss
Open
24/Components
Magic UI
magicui.design
UI components and templates for making landing pages look polished.
via @himanshubuildss
Open
25/Components
Uiverse
uiverse.io
A community library of free, open-source UI elements made with CSS or Tailwind.
via @himanshubuildss
Open
26/Components
Shadcnblocks
shadcnblocks.com
A premium library of hundreds of extra shadcn/ui blocks and components (React and Tailwind).
via @himanshubuildss
Open
27/Components
mapcn
mapcn.dev
Accessible, customizable map components built on MapLibre GL, styled with Tailwind and compatible with shadcn/ui.
via @himanshubuildss
Open
28/Components
Viora UI
vioraui.dedyn.io
A React library of primitives, motion UI components and Next.js templates built with Tailwind CSS and Framer Motion (hosted on a dedyn.io dynamic-DNS domain).
via @kasuncfdo, @Screeendev
Open
29/Components
Tween UI
tween-ui.vercel.app
GSAP and CSS animated React components whose source you copy into your project (repo: github.com/StaticMania/tween-ui).
via @kasuncfdo, @Screeendev
Open
30/Components
ScrollX UI
scrollxui.dev
An open-source library of animated, interactive React components.
via @kasuncfdo, @Screeendev
Open
31/Components
Toggle Supply
toggle.supply
A growing collection of hand-coded UI components, animations and interactions for the web.
via @kasuncfdo, @Screeendev
Open
32/Components
DesignPass
designpass.dev
Free, MIT-licensed animated React components (spring physics, 3D and WebGL backgrounds) you can copy or install with the shadcn CLI.
via @kasuncfdo, @Screeendev
Open
33/Components
Evil Buttons
evilbuttons.com
A shadcn/ui registry of animated buttons built with Motion.
via @Screeendev
Open
34/Components
drawably
drawably.dev
Hand-drawn-style UI controls with zero dependencies that redraw like a fresh pen sketch each time they mount.
via @Screeendev
Open
35/Components
WunderUI
wunderui.com
An "agentic" design system with 204 React components, a Figma library, blocks and the tokens and rules an AI agent follows in Figma and React.
via @KLWebmedia
Open
36/Components
PODIE
podie.dev
Interactive React components and app templates with live previews, installable with shadcn or through the PODIE MCP.
via @chenzhangreal
Open
37/Components
HorizonX
horizonx.so
Animated shader backgrounds, textures, Figma UI kits and interactive React components meant for Claude Code, Cursor, Codex and Lovable.
via @MarceloDesignX
Open
38/Components
BYQ Supply
byq.supply
A design toolkit for Webflow, Figma and Framer with copy-paste sections, Figma AI prompts, MCP integration and design systems.
via @byq_studio
Open

Type & color

Free fonts, palettes, and the type sitting inside famous logos.

39/Type & color
Best Free Fonts
bestfreefonts.com
A curated collection of free fonts for branding, websites and editorial design, with previews.
via @neropursue
Open
40/Type & color
Font In Logo
fontinlogo.com
Shows which fonts famous brand logos use.
via @RoundtableSpace
Open
41/Type & color
Logo To Use
logotouse.com
A collection of premium, Figma-editable company logos for mockups, themes and templates.
via @RoundtableSpace
Open
42/Type & color
Color Hunt
colorhunt.co
A collection of hand-picked color palettes for designers and artists.
via @itsthedonhashim
Open

Icons & 3D

Icon sets, 3D objects, gradients, grain, and SVG search.

43/Icons & 3D
3dicons
3dicons.co
1,440+ open-source 3D icons free for personal and commercial use without attribution.
via @himanshubuildss
Open
44/Icons & 3D
Spline
spline.design
A browser-based 3D design tool with real-time collaboration for building interactive web experiences.
via @neropursue
Open
45/Icons & 3D
Iconly
iconly.design
A curated inspiration library of 2,400+ app, game and web-app icons.
via @RoundtableSpace
Open
46/Icons & 3D
Ikonik
ikonik.modulify.ai
50k+ free open-source icons from 45+ projects with a built-in SVG editor.
via @RoundtableSpace
Open
47/Icons & 3D
Grainient
grainient.supply
1,000+ gradients, animated gradients, grainy textures and AI backgrounds, with a paid plan for unlimited downloads.
via @Skirook
Open
48/Icons & 3D
Amicons
amicons.design
A set of 760 handcrafted icons in 3,040 variants.
via @Screeendev
Open
49/Icons & 3D
Lordicon
lordicon.com
A library of 48,100+ free and premium animated icons.
via @Screeendev
Open
50/Icons & 3D
All SVG Icons
allsvgicons.com
Search and download 380,000+ free open-source SVG icons as SVG, PNG, JSX or Base64 (it also has an MCP).
via @Screeendev
Open
51/Icons & 3D
Aria Icons
github.com
An MCP server that gives AI agents access to 1M+ open-source SVG icons.
via @AriaIcons
Open

Motion

Shaders, spring physics, loaders, text effects, and animated icon kits.

52/Motion
Liquid Glass (samasante)
glass.samasante.com
A zero-dependency headless React lens that gives Apple-style Liquid Glass refraction of the live page in Safari, Firefox and Chrome.
via @himanshubuildss
Open
53/Motion
Unicorn Studio
unicorn.studio
A visual canvas for building production-ready web graphics with shaders, media, 3D and interactive motion.
via @neropursue
Open
54/Motion
Theatre.js
theatrejs.com
An animation toolbox for the web with a visual animation editor.
via @neropursue
Open
55/Motion
Motion in Design
motionin.design
Premium physics-based, cursor-responsive web sections, each shipped as a prompt you paste into your AI model.
via @RoundtableSpace
Open
56/Motion
Kinetics
kinetics.colorion.co
A library of spring-physics micro-interactions for web apps with CSS or React code.
via @himanshubuildss
Open
57/Motion
Motion-Primitives
motion-primitives.com
An open-source UI kit of animated components for React, Next.js and Tailwind CSS.
via @himanshubuildss
Open
58/Motion
CSS Text Effects
text-effects.colorion.co
114 free pure-CSS text effects and animations (glitch, neon, gradient, typewriter, 3D) to copy and paste.
via @himanshubuildss
Open
59/Motion
Circle Loaders
circleloaders.dominikakissi.com
Twenty-four free monochrome circular loading animations in pure CSS and SVG.
via @himanshubuildss
Open
60/Motion
Gradient Buttons
gradientbuttons.colorion.co
Hundreds of CSS gradient buttons you copy with one click.
via @himanshubuildss
Open
61/Motion
Shadertoy
shadertoy.com
A community site for building and sharing GPU shaders.
via @himanshubuildss
Open
62/Motion
Anime.js
animejs.com
A fast, lightweight JavaScript animation engine.
via @himanshubuildss
Open
63/Motion
lucide-animated
lucide-animated.com
A free, MIT-licensed library of 350+ animated React icons built with Motion and Lucide.
via @Screeendev
Open
64/Motion
useAnimations
useanimations.com
A free library of 298 animated icons in Lottie format for web, iOS, Android and React.
via @Screeendev
Open

Builders

Visual site tools, template shops, and a way to turn stills into a reel.

65/Builders
Paper
paper.design
A design tool for creating, sharing and shipping designs (shared as a way to design and build websites visually).
via @neropursue
Open
66/Builders
Modulify templates
modulify.ai
Free website templates built with Modulify that you can clone into your dashboard.
via @RoundtableSpace
Open
67/Builders
Wedoflow
wedoflow.com
A marketplace of 210+ premium Webflow templates.
via @RoundtableSpace
Open
68/Builders
Framer
framer.com
A website builder with an AI design agent, hosting, CMS, analytics and SEO built in.
via @0xCharlota, @rileycx, @youngspider_06, @im_Himaanshuu
Open
69/Builders
Webflow
webflow.com
A visual website platform with CMS, hosting and SEO built in.
via @rileycx, @0xCharlota
Open
70/Builders
Reelfolio
reelfolio.io
Turns screenshots, mockups and clips into video portfolio showreels with templates.
via @Skirook
Open

AI & prompts

Prompt libraries, DESIGN.md files, logo makers, and the models people named.

71/AI & prompts
Scrolltide
scrolltide.co
A library of scroll-driven website templates and AI prompts you paste into your AI tool (a reply from @Greensetai argues the "prompts" are just page meta descriptions).
via @himanshubuildss, @SheikhRaih100
Open
72/AI & prompts
Refero Styles
styles.refero.design
A library of real website styles with AI-readable DESIGN.md files covering colors, typography and spacing.
via @himanshubuildss
Open
73/AI & prompts
DESIGN.md
designmd.ai
Hundreds of free community DESIGN.md design-system files that AI coding tools like Cursor and Claude Code can read.
via @himanshubuildss
Open
74/AI & prompts
VibePrompt
vibeprompts.dev
A library of UI layout prompts with ready-to-paste Tailwind CSS for page sections like heroes, pricing and dashboards.
via @himanshubuildss
Open
75/AI & prompts
Modulify Logo Maker
logomaker.modulify.ai
An AI logo maker that turns a one-sentence brand description into a logo with PNG, SVG, PDF and EPS files.
via @RoundtableSpace
Open
76/AI & prompts
BestAIBuilder
bestaibuilder.website
An independent, weekly-updated ranking of AI website builders.
via @RoundtableSpace
Open
77/AI & prompts
Prompt Motion
prompt-motion.com
A collection of motion videos made with Claude, shown with the prompts and skills behind them.
via @Screeendev
Open
78/AI & prompts
Claude
anthropic.com
Anthropic's AI assistant, used in these posts for deep research and for designing in Figma through MCP.
via @kerem, @dishashah66
Open
79/AI & prompts
Claude Design
anthropic.com
An Anthropic Labs product for making designs, prototypes, slides and one-pagers with Claude.
via @kerem, @amfonte
Open

Workflows

Figma MCP and the workshop tools that showed up in how-I-work posts.

80/Workflows
Figma MCP server
help.figma.com
Figma's official MCP server that lets AI agents read and write Figma files (used here to build iOS/macOS views from your own tokens).
via @guiseiz, @kerem, @mostlyaboutai
Open
81/Workflows
figma-mcp-bridge
github.com
A Figma plugin plus MCP server that streams live Figma data to AI tools without Figma API rate limits; the post names it but does not link it, and several repos share this name.
Unverified — treat the link carefully.
via @hirataro_89
Open
82/Workflows
Storybook
storybook.js.org
An open-source workshop for building, testing and documenting UI components in isolation.
via @dishashah66
Open

Learning

One 2026 UX book and a long Three.js course.

83/Learning
AI in UX Design (Packt, Lise Pilot)
amazon.com
A 2026 Packt book on using ChatGPT, Claude, Figma, Lovable, Replit and no-code tools in UX work (the post's link is an Amazon affiliate short link).
via @KirkDBorne
Open
84/Learning
Three.js Journey
threejs-journey.com
A course of 87 lessons (116 hours of video) for learning 3D on the web with Three.js, WebGL and WebGPU.
via @himanshubuildss
Open

Directories

Indexes of the indexes — libraries, tools, and a place to keep your own shelf.

85/Directories
Col (UI library directory)
collection-of-libs.vercel.app
A directory of 86 UI libraries you can search by stack and use case, with install guides and an MCP for coding agents.
via @Screeendev
Open
86/Directories
DesignEng
designeng.tools
A curated directory of nearly 300 design-engineering tools and resources.
via @lokidotdev
Open
87/Directories
QuickPick
quickpick.space
A place to save your design tools, inspiration boards and notes.
via @Skirook
Open
88/Directories
Toolfolio
toolfolio.com
A directory of design, AI, no-code and productivity tools with a weekly newsletter (named in replies; the post's video was not readable).
via @osehfavvy, @yosseedesign
Open

Flagged

One short link with no context. It looked spammy and was not opened.

89/Flagged
Unverified short link
shorturl.at
Unverified / looks spammy: a context-free shortener link from an unrelated account; not opened.
Unverified — treat the link carefully.
via @robinson_a35002
Open anyway