#components (23 links)
- Zag zagjs.com
Finite state machines for building accessible design systems and UI components. Works with React, Vue and Solid.
- Patterns in Design Systems iknowdavehouse.medium.com
A few years ago, while working on the GOV.UK Design System I spent probably a little too much time thinking about the differences between Components and Patterns.
- The Sorry State of States medium.com
Today’s Figma assets show design could align better with code
- Subcomponents. Relinquish control, offer parts, and… | by Nathan Curtis | EightShapes | Medium medium.com
For most design systems, solving for every feature to support every case is a fool’s errand. Yet, design system practitioners cringe when a designer detaches a Figma component or developer codes a component from scratch.
Another classic from Nathan
- The Component Gallery component.gallery
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
- Block Protocol – an open standard for data-driven blocks blockprotocol.org
- Crafting UI Component API medium.com
- EightShapes > @components > Component Testing Plans eightshapes.com
Quality stems from and is proven by an implemented testing plan by which components are inspected prior to release. This article describes criteria and tools for testing components and how to order making them at a high level to help teams plan.
- CSS Blocks css-blocks.com
- React BlueKit | by Blueberry bluekit.blueberry.io
- How designers can use unit testing to build resilient and happy design systems product.voxmedia.com
- Rebass jxnblk.com
<blockquote>A React UI component library that uses inline styles to avoid CSS dependencies and prevent leaky global styles from affecting an application. Rebass components inherit styles where appropriate and can be customized using React Context. Rebass components are built as stateless functional components and modeled as presentational components.</blockquote>
- Components - docs.adobe.com docs.adobe.com
- Pingendo - web authoring with comfort pingendo.com
Uck, Boostrap. But hmm, component composability
- Making with Dough | Making Money Advice making.moneyadviceservice.org.uk
<blockquote>Over the last year, we’ve been putting together a reusable component library for use on our site. It’s called Dough and it’s now powering nearly all of our common UI elements across a suite of around twenty five tools, calculators and websites. It’s completely open source and available for you to use too.</blockquote>
- Thinking beyond “Scalable CSS” - The dot Post thedotpost.com
<blockquote>Nicolas explains how good components empower designers and engineers by letting them think only about their inputs and outputs, not their internal complexity.</blockquote>
- Writing Reusable AngularJS Components with Bower briantford.com