Uiverse | The Largest Library of Open-Source UI elements
Community-made library of free and customizable UI elements made with CSS or Tailwind. It's all free to copy and use in your projects. Uiverse can save you many hours spent on building & …
See results only from uiverse.ioButtons 225
Explore a wide variety of open-source, customizable buttons for web and …
Cards 81
Elevate your app's design with Uiverse's library of open-source, responsive cards …
Challenges
In this challenge, you will be creating a button for a game’s UI. Whether it's for a …
Spotlight
Discover the best UI designs and creators. Browse top posts and get inspired by …
New AI features
Uiverse can save you many hours spent on building & customizing UI components …
Create
Community-made library of free and customizable UI elements made with …
Loaders
Enhance your app's loading experience with a diverse collection of open-source …
Toggle Switches
Upgrade your app's user interface with an impressive selection of open-source …
Web Layout Best Practices: 12 Timeless UI Patterns Analyzed - Toptal
See more on toptal.comCard-style layouts were popularized by sites like Pinterest, Facebook, and Twitter. They have become standard on news sites and blogs, as they’re well suited to placing a lot of content on a page while keeping each piece distinct. As the name suggests, these layouts use content blocks that resemble physical cards of vario…- Published: Oct 22, 2020
- Estimated Reading Time: 10 mins
Web Layout Best Practices: 12 Timeless UI Patterns Analyzed - UXPin
- Published: Jun 16, 2016
- Estimated Reading Time: 6 mins
- Cards. Facebook. Twitter. Oprah. Problem. Browsing is a large part of site interaction, but …
- Grids. YouTube. Huffington Post. Etsy. Diply. Problem. Content-heavy sites want to display …
- Magazine-Style Layout. TIME. WebMD. WIRED. BuzzFeed. Problem. A site has a lot of …
- Container-free Format. AOL. Apple. Public-Library. Cienne NY. Problem. A site wants a …
- Split-Screen. Google Translate. Adidas Football (UK) Peugeot. 62 Models. Lauren …
NextUI - Beautiful, fast and modern React UI Library
Make beautiful, modern, and fast websites/applications regardless of your design experience. NextUI + Next.js. NextUI is fully compatible with the new Next.js 13 app/ directory structure. Community.
UI Garage - Daily UI Inspiration & Patterns for Web, Mobile & Tablet.
Daily handpicked UI inspiration & patterns. Find specific design inspiration for web, mobile and tablet. Search over 6,943 patterns categorized and handpicked for you.
23 Examples of the Best UI Websites for Design Inspiration
Jun 27, 2024 · We’ve looked at 13 great examples of live websites with outstanding UI, 10 top sites for UI inspiration, and the six key best practices for UI design. Each of these elements …
Free Online UI Design Tool & Software for Teams | Figma
Create beautiful user interfaces with our UI design tool. Collaborate on creations, build prototypes & create seamless workflows all-in-one. Get started today.
5 Key UI Design Principles— And How To Use Them
UI design principles can make your product or site more engaging, useful, accessible, and trustworthy. Here's the short list of UI design principles you need to know.
21 best UI & UX design tools to try in 2024 | Webflow …
Apr 5, 2024 · UI design tools — These tools create high-fidelity prototypes, visual elements, and user interfaces. They often include libraries of pre-designed UI components and allow designers to create pixel-perfect mockups. Designers …
Modern Website UI Design in Figma: Step-by-Step …
Unlock the secrets of creating stunning modern website UI designs with Figma! In this comprehensive tutorial, we'll walk you through the entire process, from concept to final design. Perfect for beginners and experienced designers alike, …
