Skip to content

Web Design and Web Animations

Lately I have been diving into animations using Framer Motion and because of that I have I have been bookmarking sites that lists cool web designs and animations.

Web Design Inspiration

  1. Awwwards
    Features creative websites from all over the world and offers daily inspiration through award-winning designs.
  2. SiteInspire
    A curated showcase of the best web design, offering different styles and layouts across a wide range of industries.
  3. Behance
    A popular platform for creative professionals to showcase their work. It has a rich collection of web design projects.
  4. Dribbble
    A community of designers showcasing their work, including web design, UI/UX, and mobile designs.
  5. One Page Love
    Focuses on single-page websites, perfect for landing page and one-page portfolio inspiration.
  6. Land Book
    A large collection of landing pages, helping you discover trending layouts and design techniques for product pages, apps, and services.
  7. Godly
    Offers beautiful, minimal, and innovative web design examples for inspiration.
  8. Hoverstat.es
    A curated platform for showcasing interesting and experimental web design.
  9. CSS Design Awards
    Showcases creative and cutting-edge websites, focusing on innovative use of CSS and front-end technologies.
  10. Browsingmode
  11. Klikkentheke
  12. Siteinspire
  13. Loadmo.re
  14. Ilovecreatives
  15. Landing Love
  16. Land Book
  17. Made in Webflow
  18. Lapa Ninja
  19. Seesaw
  20. A-Fresh
  21. Unbound by Default

Web Animation Inspiration

  1. CodePen
    A playground for web developers, where you can find numerous examples of creative web animations using CSS, JavaScript, and SVG.
  2. Animista
    A collection of ready-to-use CSS animations, where you can customize animations and see them in action.
  3. LottieFiles
    Provides free animations and resources using the Lottie framework, which allows easy integration of high-quality animations into websites.
  4. Motion UI
    A CSS library for creating seamless web animations. It’s a great resource for modern transitions and animations in your UI.
  5. Cuberto’s Motion Inspiration
    Offers modern and elegant motion designs focusing on micro-interactions, a great source for fluid and seamless web animation ideas.
  6. Webflow Showcase
    A gallery of projects created using Webflow, highlighting advanced web animations and interactions that are often highly interactive.
  7. Creative Bloq: Web Animation
    An article collection that explores creative web animations and techniques.
  8. Code My UI
    A great place to find small animation snippets and interface designs with CSS and JavaScript.
  9. GSAP Showcase
    The GSAP (GreenSock Animation Platform) is one of the most powerful animation libraries. Their showcase features impressive animations made with GSAP.
  10. Olivier Larose Youtube
Published inWeb