Dev World·1y🚀 Frontend Designers & Developers, Meet Your New Best Friend! 🎨💻
Discover an incredible resource for frontend designers and developers with calltoinspiration.com. This site offers a vast collection of beautifully designed web components like forms, alerts, tabs, dropdowns, and cards. It's perfect for elevating your projects and unleashing your creativity. Check it out to design better and faster.
DEV·1y11 Free Must-Know Websites for Every Developer
Highlighting 11 essential websites and tools for developers, this post covers resources like Omatsuri for frontend development, HTMLRev for templates, Unicornicons for icons, UiVerse for UI elements, Undraw for illustrations, PatternPad for custom patterns, Shape Divider for stylish transitions, Photopea as a Photoshop alternative, QuickRef for cheat sheets, DevDocs for API documentation, and DevHints as a quick-reference assistant.
OpenSouls·1yTop UI libraries with copy-paste components for developers
A curated list of free UI libraries that leverage Tailwind CSS for styling, featuring multiple open-source options. Ideal for developers looking for ready-to-use, copy-paste components. Contributions for additional libraries are welcome to keep the list updated.
Community Picks·1yRizzUI
RizzUI is a modern and minimal React UI library built with TailwindCSS, designed to offer simple, customizable, and accessible components. It includes a variety of production-ready elements categorized under buttons, inputs, navigation, feedback, overlays, data display, typography, and integrations. RizzUI emphasizes ease of use, full customization, type safety, and accessibility compliance.
Community Picks·1yshadcn UI theme generator.
Easily create custom themes from a single color that you can copy and paste into your apps. The post provides information on team collaborations, setting daily activity goals, email management, and payment methods. It includes examples of email listings and payment status updates.
Community Picks·1ySuper Color Palette
Super Color Palette lets you create, export, and save color palettes for free without ads. Use shifting techniques for hue, saturation, and lightness to generate diverse palettes quickly. Adjust individual colors, entire palettes, or generate palettes from hex codes and images. It supports different color harmonies and models and offers features like accessibility checking, custom easing, and preview options. Join the Patreon for updates and optional support.
UX Planet·1yThe Rise and Fall of Neumorphism
Neumorphism, a UI design trend that emerged in 2019-2020, aimed to create new, fresh aesthetics by combining elements of realism with minimalism. It featured shadows, highlights, and pseudo-3D depth to make UI elements feel embedded or extruded from the background. Despite its visual appeal, neumorphism had practical issues, including low contrast, poor usability, and compatibility problems with dark modes. Following its decline, new trends such as glassmorphism and skeuomorphism 2.0 (hyper-realism) are gaining traction, each bringing distinct visual styles and improvements.
Medium·1y🚀 Introducing Mirai — A Server Driven UI framework for Flutter
Mirai is a new server-driven UI framework for Flutter that enables dynamic UI updates and instant changes using JSON definitions. Traditional client-driven UI approaches are tedious and slow, requiring app store approvals and user updates. Mirai simplifies this process by allowing the server to control the UI, offering fast updates, easy personalization, simplified maintenance, and efficient A/B testing. Setting up Mirai involves adding dependencies to your Flutter project and defining UI elements in JSON, which are then rendered dynamically on the client side.
WebDev·1yIntroducing Pillar-UI: A New React Design System
Pillar-UI is a new design system for React apps, focused on performance, accessibility, and developer experience. Built from the ground up, it is significantly smaller and faster than many existing alternatives by leveraging CSS and minimizing JavaScript dependencies. Key features include adherence to WCAG guidelines, RTL support, high contrast mode, and customizable default styles using CSS variables. It also offers reusable hooks, icons, and utility functions to simplify development. The project is open-source and community-driven, inviting collaboration and contribution from developers.
Web Dev Simplified·1yStop Using Pixels For Media Queries
Using pixels for font sizes, media queries, padding, and margins is not recommended due to accessibility issues. Instead, using REM units allows for more responsive and scalable designs that adapt to user settings. This practice ensures that elements on the web page remain proportional and accessible across different devices and user preferences.
The React Community·1yNeotasks OSS - An in-development task manager
The author is developing a task management application called Neotask, inspired by Trello but with additional features. It's being built using React, with the backend yet to be decided, possibly in C++ or Rust. The design uses the Catppuccin color palette.
DesignCourse·1yLearn Framer in 2025 - Crash Course for Framer Beginners
This post offers a crash course for beginners in Framer, focusing on designing a hero section with interactive elements. It also covers integrating assets from Figma, setting up layouts, adding animations, and ensuring responsive design. Additionally, it demonstrates using an external software, Unicorn Studio, to create a dynamic background effect. The tutorial emphasizes practical use and optimization for various screen sizes.
UX/UI·1yPrompt-Based UI
Prompt-based UI is emerging as a new interface paradigm, aiming to extend rather than replace traditional UIs. Voice-based control, while innovative, can be cumbersome for complex tasks. Combining old and new features is essential for mass-market products to avoid alienating existing users while adopting new technologies. Successful implementation requires a complete redesign to incorporate AI-powered prompts seamlessly alongside familiar functionalities.
UX Planet·1y10 Game-Changing UI/UX Design Trends to Watch in 2025
By 2025, several key UI/UX design trends will play crucial roles, including the rise of website builders offering advanced tools, the growing importance of AI in automating design processes, and the continued investment in AR and VR tools. Enhanced connectivity through technologies like 5G and satellite connections, silent authentication methods, and the necessity of dark mode are also highlighted. The article predicts that static websites will fade, Figma will dominate the market, and traditional aesthetics will largely hold unless major updates from giants like Apple or Android occur.
Kevin Powell·1yEasily create overlapping sections on a website
Learn multiple solutions for creating overlapping sections on a website layout, focusing on using CSS techniques such as box-shadow and linear gradients. The post also provides tips to avoid common issues and discusses the merits of each method.
Community Picks·1yDesign and development perfectly aligned
AlignUI offers over 500 flexible and customizable components designed to streamline web development. Trusted by over 1,500 Figma users, it enables rapid building of unique designs with a comprehensive codebase and easy integration. It includes ready-to-use multi-page user flows and premium components that adapt seamlessly to various project needs.
CSS-Tricks·1yRevisiting CSS Multi-Column Layout
CSS Multi-Column Layout, introduced nearly 20 years ago, allows for dividing content into columns without extra markup. Despite its potential, it remains underused due to past browser support issues and usability concerns. Modern CSS features like container queries and properties such as column-span improve its readability and flexibility. Designers and developers should reconsider the layout for enhancing web design.
Piccalilli·1yA simple masonry-like composable layout
A detailed guide on creating a masonry-like layout using composable methods in HTML and CSS. The post explains the masonry layout concept, its history with JavaScript, and how browser support issues for CSS masonry prompted a flexible workaround. Step-by-step code examples demonstrate how to use the switcher and flow layouts to approximate masonry effects, ensuring configurability and responsiveness.
