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
- Awwwards
Features creative websites from all over the world and offers daily inspiration through award-winning designs. - SiteInspire
A curated showcase of the best web design, offering different styles and layouts across a wide range of industries. - Behance
A popular platform for creative professionals to showcase their work. It has a rich collection of web design projects. - Dribbble
A community of designers showcasing their work, including web design, UI/UX, and mobile designs. - One Page Love
Focuses on single-page websites, perfect for landing page and one-page portfolio inspiration. - Land Book
A large collection of landing pages, helping you discover trending layouts and design techniques for product pages, apps, and services. - Godly
Offers beautiful, minimal, and innovative web design examples for inspiration. - Hoverstat.es
A curated platform for showcasing interesting and experimental web design. - CSS Design Awards
Showcases creative and cutting-edge websites, focusing on innovative use of CSS and front-end technologies. - Browsingmode
- Klikkentheke
- Siteinspire
- Loadmo.re
- Ilovecreatives
- Landing Love
- Land Book
- Made in Webflow
- Lapa Ninja
- Seesaw
- A-Fresh
- Unbound by Default
Web Animation Inspiration
- CodePen
A playground for web developers, where you can find numerous examples of creative web animations using CSS, JavaScript, and SVG. - Animista
A collection of ready-to-use CSS animations, where you can customize animations and see them in action. - LottieFiles
Provides free animations and resources using the Lottie framework, which allows easy integration of high-quality animations into websites. - Motion UI
A CSS library for creating seamless web animations. It’s a great resource for modern transitions and animations in your UI. - Cuberto’s Motion Inspiration
Offers modern and elegant motion designs focusing on micro-interactions, a great source for fluid and seamless web animation ideas. - Webflow Showcase
A gallery of projects created using Webflow, highlighting advanced web animations and interactions that are often highly interactive. - Creative Bloq: Web Animation
An article collection that explores creative web animations and techniques. - Code My UI
A great place to find small animation snippets and interface designs with CSS and JavaScript. - GSAP Showcase
The GSAP (GreenSock Animation Platform) is one of the most powerful animation libraries. Their showcase features impressive animations made with GSAP. - Olivier Larose Youtube