ui.anants.studio

7 links

Inspiration

MobbinMobile and web product screens organized by flow, pattern, and company.mobbin.com

BehancePortfolio-heavy design inspiration for branding, UI, campaigns, and visual systems.behance.net

DribbbleQuick visual inspiration for interface shots, landing pages, icons, and product polish.dribbble.com

GodlyHigh-polish web references with strong art direction and motion.godly.website

Lapa NinjaLanding pages, portfolios, and startup websites sorted by category.lapa.ninja

AwwwardsExperimental web design, interaction, and visual craft references.awwwards.com

Framer MarketplaceTemplates and patterns from designers building in Framer.framer.com

6 links

Components

Origin UICopy-paste UI blocks and small interaction patterns for React apps.originui.com

Magic UIAnimated UI components and sections for SaaS and product sites.magicui.design

Aceternity UIAnimated React and Next.js components with Tailwind CSS and Framer Motion.ui.aceternity.com

ComponentryFree React components by Harsh Jadhav. Tailwind, Framer Motion, copy-paste ready.componentry.fun

Dot MatrixDot matrix loaders for React, installable through the shadcn registry.dotmatrix.zzzzshawn.cloud

VideoAsciiInteractive VideoAscii React component demo; the thread explains why brightness-only ASCII conversion blurs edges and loses quality.Lucas Jin X threadvideo-ascii-demo.vercel.app

1 links

Patterns

Checklist DesignPractical checklists for common interface and product flows.checklist.design

11 links

Color

BrandColorsOfficial brand color hex codes collected for quick reference.brandcolors.net

Color HuntHand-picked color palettes for fast mood exploration.colorhunt.co

Adobe ColorCreate and explore color themes, harmonies, gradients, and accessible palettes.color.adobe.com

Realtime ColorsPreview color palettes on a realistic landing page before committing.realtimecolors.com

CoolorsPalette generation, contrast checks, gradients, and color utilities.coolors.co

GrabientCSS gradient generator and palette finder with popular preset gradient sets.grabient.com

ColorHubBrowse pre-made palettes, preview them in starter kits, and export CSS, SCSS, or Tailwind snippets.colorhub.app

Colorion GradientsHand-curated CSS background gradients with editable direction and copy-ready CSS.gradients.colorion.co

ColorKitColor palettes, gradients, palette generators, contrast checks, and practical color utilities.colorkit.co

Kigen ColorDesign-system color generator for shades, tokens, Tailwind output, CSS, OKLCH, HSL, and more.kigen.design

Color AIAI palette generator that frames colors through science, culture, mood, and sensory references.colorai.app

9 links

Typography

FontshareFree, polished font families for brand and interface work.fontshare.com

Awwwards Free FontsAwwwards collection of complimentary typography and free fonts for web projects.awwwards.com

Google FontsOpen-source web fonts with broad language coverage and easy delivery.fonts.google.com

Adobe FontsHigh-quality type library for Creative Cloud workflows and polished web projects.fonts.adobe.com

DaFontHuge casual font archive for display type, experiments, and quick lettering ideas.dafont.com

Dirtyline StudioIndependent type foundry with bold display fonts, logo type, and retro-modern lettering.dirtylinestudio.com

Free FacesCurated collection of typefaces available under free licences across categories.freefaces.gallery

UNCUT.wtfFree contemporary type catalogue with sans, serif, monospace, and display fonts.uncut.wtf

TypewolfTypography inspiration, pairings, and live website font references.typewolf.com

3 links

Motion

Motion PrimitivesTasteful React motion components for transitions, text, and layout.motion-primitives.com

EasingsNamed easing curves with previews and CSS cubic-bezier values.easings.net

IntentlyPremium fintech motion graphics studio making 2D/3D launch, explainer, and promo videos.intently.agency

4 links

Assets

UnsplashHigh-quality photography for editorial layouts, mockups, and background art.unsplash.com

FreepikVectors, illustrations, stock imagery, PSDs, icons, and broad design assets.freepik.com

PexelsFree stock photos and videos for product, editorial, and social visuals.pexels.com

FlaticonIcon packs, stickers, and small visual assets for UI and presentation work.flaticon.com

4 links

Mockups

LS GraphicsHigh-end device, branding, print, and animated mockups for serious presentation work.ls.graphics

CreatoomPremium and free PSD mockups for branding, packaging, advertising, and graphics.creatoom.com

ManekenBrowser-powered mockup editor for dragging images, video, and GIFs into scenes.manekenapp.com

Freepik MockupsA large searchable mockup shelf inside Freepik for PSD and presentation assets.freepik.com

5 links

Channels

Abi ConnickBrand identity, packaging, logo, and creative business videos for designers.youtube.com

Satori GraphicsGraphic design, typography, logo, and visual design tutorials.youtube.com

The FuturDesign business, branding, strategy, pricing, and creative career education.youtube.com

CharliMarieTVProduct design, web design, career, and creator workflow videos.youtube.com

Jack WatsonBrand identity and design content from Jack Watson.youtube.com

2 links

Tools

ShotsFast mockup generator for product screenshots and social visuals.shots.so

DitherVector dithering tool for images and generated gradients, with Bayer, halftone, line, dot, grid, SVG, and PNG export.dither.neato.fun

3 links

References

Laws of UXA concise reference for design psychology and interaction principles.lawsofux.com

Design SpellsSmall, memorable interaction details collected from around the web.designspells.com

Refero StylesColors, typography, spacing, and components extracted from strong websites.styles.refero.design