Best of UI Design — March 2025
- 1
- 2
Community Picks·1y
HTML Symbols
Symbl offers a comprehensive library of special HTML symbols, entities, and icons for enhancing web projects. It includes diverse options like arrows, mathematical symbols, currency signs, and decorative icons. With easy copy-paste functionality, it's perfect for developers and designers looking to add unique characters to their websites, apps, and documents. The tool is free to use and requires no registration.
- 3
tailwindcss·1y
Tailwind UI is now Tailwind Plus
Tailwind UI has been rebranded as Tailwind Plus, maintaining its one-time purchase model and lifetime access. Existing Tailwind UI All-Access license holders are automatically upgraded to Tailwind Plus. The new brand aims to provide enhanced features such as Tailwind Play accounts, custom editor themes, alternative color palettes, and more. Tailwind Plus also focuses on building a stronger community and offering early access to beta documentation and events.
- 4
- 5
Dev Squad·1y
700+ Web Design & Development Resources
DevPack is a Chrome extension that offers over 700 curated resources for web development and design, providing features like quick search, favorite section, personal collections, and easy addition of new resources. Users can also contribute to enhance its repository.
- 6
- 7
- 8
- 9
Web Dev Simplified·1y
20 NEW CSS Features You Need To Know In 2025
Discover 20 game-changing CSS features that will elevate your web development skills. Learn about CSS layers, text wrap properties, nesting, container queries, relative colors, and more. These features offer new ways to manage specificity, improve text layout, and create responsive designs. Stay ahead with these modern CSS techniques and enhance your web projects.
- 10
- 11
DesignCourse·1y
Has the Figma Killer arRIVE'd?
The writer discusses whether Rive, a new design tool, will replace Figma. They highlight Rive's advantages, including production-ready designs and superior animation and prototyping capabilities. The author anticipates new features like a component system and data binding, making Rive a strong competitor to Figma. Readers are invited to share their thoughts on Rive potentially making Figma obsolete.
- 12
This CSS Property Replaces Hundreds of Lines of Code
Implementing dynamic input fields that resize based on their content used to require complex JavaScript, but now it can be achieved with a single line of CSS: 'field sizing content'. This feature works on selects, inputs, and text areas, enhancing user experience. However, it is not yet supported by all browsers, with Firefox currently lagging behind.
- 13
- 14
- 15
- 16
GSAP animations and accessibility: yes, you can have both!
Web designers can use GSAP to create dynamic and accessible animations. By respecting user preferences for reduced motion and using tools like matchMedia, designers can enhance user experience without overwhelming those with motion sensitivities. Thoughtful application of animation can make websites both interactive and inclusive.
- 17
Hacker News·1y
lvgl/lvgl: Embedded graphics library to create beautiful UIs for any MCU, MPU and display type.
LVGL is a popular free and open-source embedded graphics library for creating user interfaces (UIs) on any microcontroller unit (MCU), microprocessor unit (MPU), or display type. It features 30+ built-in widgets, a powerful style system, web-inspired layout managers, and support for many languages. LVGL is highly portable, requiring minimal system resources, and can be integrated with various development platforms like Arduino, Zephyr, and RT-Thread. The library also provides comprehensive documentation, examples, and support services including UI design, implementation, and consulting.
- 18
SitePoint·1y
The 10+ Best AI & Pro Web Design Tools for 2025 — SitePoint
By 2025, websites must be visually compelling, easy to navigate, and problem-solving. Essential tools for this include AI-driven site builders like Brizy AI and Mobirise AI, booking tools such as Trafft and Amelia, and data visualization tools like wpDataTables and MapSVG. These tools offer regular updates, seamless integration with other components, and capabilities to adapt to growth, making it easier to create innovative, responsive, and scalable websites.
- 19
- 20
Clear Code·1y
Master Godot Layouts by recreating Zelda UIs
Learn how to master UI layouts in Godot by recreating Zelda-style menus. The tutorial covers essential topics such as integrating layouts in 2D games, handling controller input, and working with themes and animations. By the end, you will be able to create custom user interfaces in various styles, enhancing your game development skills.
- 21
Netguru·1y
Top SaaS UI Design Tips for Modern Applications
Enhance your SaaS application's user interface by focusing on customization, accessibility, and performance. Utilizing component libraries, creating effective onboarding processes, and ensuring a responsive design are vital for boosting user engagement and retention. Key strategies for a successful SaaS UI include intuitive navigation, clear content structure, and the use of templates and component libraries like Chakra UI. Integrating tools like Storybook, feature flags, and leveraging dark mode support can further improve user experience and streamline development processes.
- 22
A fluid CSS methodology — Willy Brauner
Fluid CSS methodologies enhance web integration by improving responsiveness and simplifying maintenance. By adapting layout components dynamically based on viewport size, these methodologies allow for better scalability across different devices. The post discusses the evolution of CSS from pixel-based designs to fluid layouts, explaining techniques like media queries, and calculations for fluid font-sizing. It includes practical examples and emphasizes the importance of adaptable design, especially for applications with various screen sizes.
