Published on

My best Frontend Resources

Authors
  • avatar
    Name
    Abdullayev Shatlyk
    Twitter

My Best Web Development and Design Resources for 2025

I believe that every developer has a curated list of resources they rely on daily. Whether you're a beginner or a seasoned pro, these resources can elevate your workflow. Here's my handpicked list of the best frontend and design resources I use daily.

Table of content

Design Inspiration

These platforms provide a wealth of creative ideas to fuel your next project:

  • Minimal Gallery: Discover minimalist website designs with intuitive filtering, perfect for clean and modern aesthetics.
  • Cosmos: A treasure trove of unique images and innovative UI/UX ideas to inspire your designs.
  • Unsection: Explore over 1,000 categorized web pages with easy filtering for quick inspiration.
  • Supahero: Find top-tier hero sections to make your website’s first impression unforgettable.
  • Stack Sorted: Browse a curated collection of the best web designs, organized by elements for easy reference.
  • Awwwards: A showcase of the world’s finest websites, recognized for their creativity and craftsmanship.

Catalog of Ready Made Components

Save time for development with these open-source resources:

  • Built At Light: A marketplace offering free and paid UI kits, templates, and components with excellent filtering options.
  • Codrops: High-quality, open-source components primarily built with HTML, CSS, and JavaScript.
  • Aceternity UI: Stunning components for React, powered by Tailwind and Framer Motion for seamless animations.
  • Edil Ozi: A robust library of React components using Tailwind, Framer Motion, and GSAP for dynamic designs.
  • Shad CN: Customizable components for React and Tailwind, ideal for building your own component library.
  • Motion Primitives: Beautifully animated components leveraging Framer Motion and Tailwind.
  • UI Verse: A daily-updated collection of UI components built with HTML and CSS/Tailwind.
  • Olivier Larose: Expert tutorials and components focusing on motion design with GSAP, Framer Motion, and React.

TIP

You can find this list in my github, which I update periodically with new links 🙂

Stock Images

High-quality visuals to elevate your projects:

  • Lummi AI: AI-generated images and illustrations, perfect for unique visuals.
  • Unsplash: A vast library of professional, royalty-free photos.
  • Pexels: Free stock photos contributed by a global community of photographers.

Pro Tip: Optimize your images with Squoosh to ensure fast-loading websites without sacrificing quality.

Artificial Intelligence for Various Use Cases

AI tools to supercharge your development process:

  • Ideogram: Generate high-quality images with a free tier, ideal for custom visuals.
  • Grok AI: My preferred AI for coding assistance, offering practical and accurate solutions.
  • Leonardo AI: Create stunning images with a daily-refreshed free tier.
  • Easy With AI: A curated collection of AI tools for diverse use cases, from design to development.

Other Useful Sources

Other Useful Sources

  • Wappalyzer: Analyze the technologies powering any website, perfect for competitive research.
  • Jitter Video: Create and customize video templates for engaging web content.
  • Squoosh: Google Chrome Labs’ image compression tool for optimizing visuals effortlessly.

Check out my YouTube video where I showcase all the resources listed above in action