Hacker News·4yDesign Freedom for Teams
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. It's not dependent on operating systems or installations, you will only need to run a modern browser. You can access the project on GitHub and follow the contribution instructions.
asayer·4yThe Top 7 Component Libraries for React
React is one of the best JavaScript libraries for building intuitive and responsive user interfaces. Ant Design, Ant Design and Material UI are among the most popular React UI libraries. All the components in Onsen UI are auto-styled according to the platform, which means the same source code can be used for both platforms. The library is absolutely CSS-based, and there is no JavaScript functionality.
asayer·3yCreating a Design System using Radix
Radix is an open-source UI component library used to build good, friendly, and accessible design systems and web applications. Radix is made up of three parts: Primitives, Colors, and Icons, plus Stitches. These parts help you build out various design systems. To make this article understandable, we will build a component library as a subset of a design system.
DEV·4yDo's and Don'ts of Creating Your Portfolio Website
A portfolio website is something most developers will attempt to build at some point in their careers. It can be a great tool for finding customers, getting hired, and showcasing your work, technical skills and know-how. Here are some Do's and Don'ts that will hopefully help you build a better portfolio website.
LogRocket·4yApplying Atomic Design to your Next.js project
Atomic Design was inspired by chemistry, which is why the building blocks are called atoms, molecules, organisms, templates, and pages. In this tutorial, we will focus on Atomic Design, learn its Create a components/Navbar.js file and paste the code. To edit the styling, add a navbar.scss file to styles andpaste the styles below. The author�’s molecule will contain the author's image and name. In this tutorials, we’ll use the Image component.
Smashing Magazine·4yUX Checklists For Interface Designers — Smashing Magazine
Checklist is an open-source checklist to planning, building and growing a design system. It includes the foundation of things to keep in mind for design language, design tokens, core components, tooling and project management. Text-To-Timeline Tool Markdown is an incredible little tool to generate timelines, e.g.
Better Programming·3yBuilding Design Systems in Flutter
The real value in a well-constructed and implemented design system is imposing these rules on designers and developers alike. Design system implementations often live independently of the app/s they support. Make use of Flutter’s extensive catalog of Material Design and Cupertino widgets and style them to match your system's specifications.
LogRocket·4yBuilding a design system with Radix
Radix is part of a new wave of headless components being created in the frontend space. This guide aims to provide you with a deeper understanding of Radix and how it can be used to build out design systems and component libraries. Radix Primitives is the library’s flagship product.
asayer·4yThe Top 7 Component Libraries for React
React is one of the best JavaScript libraries for building intuitive and responsive user interfaces. Ant Design, Ant Design and Material UI are among the most popular React UI libraries. All the components in Onsen UI are auto-styled according to the platform, which means the same source code can be used for both platforms. The library is absolutely CSS-based, and there is no JavaScript functionality.
ProAndroidDev·3yBuilding a Design System: What is Flamingo Design
The Flamingo Design System is not just a set of graphic elements that reflect the brand style. It includes a visual language, reusable interface elements in code, and templates for designers. It's built using the Androidx Preference library, although if I was building States Playroom today, I would’ve used Jetpack Compose.
