Saas Frames

Visit Saas Frames

https://www.saasframe.io/

SaaSFrame, SaaS UI inspiration library lets you stop reinventing interfaces and start drawing from proven patterns. Designed for SaaS designers, product teams and marketers, it combines a curated library of website pages, product interfaces and email sequences so you can gather real-world design examples, while its filters by category, device and company enable you to tailor insight to your project without random browsing. Access Figma files, mobile versions and full flows to see how top SaaS brands structure onboarding, dashboards and marketing emails. This runs on a platform trusted by the Product Hunt community and featuring hundreds of SaaS flows, ensuring every page you ship is sharper, more effective and aligned with market-tested standards.

You might also like

https://www.radix-ui.com/

RadiX UI

Radix UI React component library. Built for frontend developers building modern apps and design systems, it combines fully unstyled, headless primitives with strict WAI-ARIA accessibility so you can craft complex, inclusive interfaces with complete styling freedom, while consistent API design and cross-browser rigor enable scalable component logic without vendor lock-in. Radix UI’s focus on composability and control lets you theme and extend every element to match exact brand requirements—no mandatory opinions, no default styles to override. Trusted by developer teams at Vercel and Supabase, and with 20,000+ GitHub stars, this open-source toolkit ensures every project maintains accessibility, faster development cycles, and long-term maintainability regardless of growth or technology changes.

UI Kits & Frontend

https://designobserver.com/

Design Observer

Stop consuming shallow design content and start engaging with ideas that actually shape the creative landscape through design criticism Design Observer. Built for designers, architects, and creative thinkers who crave intellectual depth over Instagram trends, this influential platform combines provocative essays from industry luminaries with the acclaimed Design Matters podcast so you can explore the cultural forces behind breakthrough work and understand design's role in society, while extensive archives and scholarly perspectives enable profound creative growth without settling for surface-level inspiration. This runs on a platform that has sparked countless career-defining conversations since 2003, founded by Pentagram's Michael Bierut and design legend Jessica Helfand, ensuring every piece challenges conventional thinking, reveals hidden connections between creativity and culture, and positions you among the voices that matter most in contemporary design discourse. Where other platforms show you what's trending, Design Observer reveals why it matters.

Design Blogs

https://easings.net/

Easings Cheatsheet

Easings.net provides a comprehensive cheat sheet and interactive visualizations of common CSS easing functions used in web animations. It helps developers and designers understand how different easing formulas affect animation speed and timing, offering a practical way to select the right easing for smooth, natural motion. The site features demos, code snippets, and explanations, supporting better UI animation design by enabling precise control over acceleration and deceleration curves in web projects.

Motion Design

https://h1gallery.com/

H1 Gallery

Struggling to write compelling marketing headlines? H1 Gallery provides a curated collection of the best examples on the internet to spark your creativity. Built for marketers and copywriters, this resource helps you move beyond generic advice by showcasing real-world headlines that grab attention and drive action. Each week, you'll discover new, effective H1s to inspire your own work, saving you time and improving your results. This focused approach provides a constant stream of fresh ideas, ensuring your copy stays sharp and engaging.

Inspirations

https://www.mongodb.design

LeafyGreen by MongoDB

Protocol turns fragmented Mozilla interfaces into cohesive user experiences through CSS framework and markup patterns. Built for Mozilla and Firefox website teams, this evolving design system combines reusable coded components with accessibility guidelines so you can build on-brand websites faster, while pattern library and clear standards enable consistent branding without development complexity. This runs on a platform trusted by www.mozilla.org and Mozilla's marketing teams, ensuring every project ships faster, looks sharper, and scales effortlessly through open-source collaboration.

Design Systems

https://box-shadows.co/

Box Shadow Generator

boxShadows offers an intuitive CSS box-shadow editor and quick presets to create and customize shadows for web elements. It simplifies designing shadows with adjustable properties like horizontal/vertical offset, blur radius, spread, and color. Perfect for web designers and developers looking to enhance UI elements with visually appealing shadows, this tool supports both basic and complex shadow effects, including multiple shadows and inset shadows. Users can easily copy generated CSS code for use in their projects, streamlining the design process. Ideal for adding depth and emphasis in modern web design.

Misc