#components (33 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
- saadeghi/daisyui github.com
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
#component#component-library #components #css#css-components#css-framework#daisyui #design-system #design-systems #front-end #postcss #svelte #tailwind#tailwind-css#tailwindcss#ui-design#ui-framework#ui-kit#ui-library#ui-pattern #javascript - 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
- withastro/astro github.com
The web framework for content-driven websites.
#astro#blog#browser #components#hybrid#islands #node #server #static #static-site-generator#universal #typescript - 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
- c8r/kit github.com
Tools for developing, documenting, and testing React component libraries
#cli #components #design-systems #development #documentation#isolation #jsx #library#mdx #react#styleguide #testing #ui #javascript - chrisvxd/story2sketch github.com
Convert Storybook into Sketch symbols 💎
- Wildhoney/Standalone github.com
Create framework agnostic components that are truly reusable and interoperable with all the benefits of the React ecosystem – using the HTML5 custom elements API to extend HTML's vocabulary.
28th April 2016 Here at Clearleft we’ve been building website component libraries (often also called pattern libraries or styleguides) for quite a while - in…
- Rebass jxnblk.com
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.
- Components - docs.adobe.com docs.adobe.com
- A Modular Approach to UI Problem Solving | David Clark Develops the Web davidtheclark.com
At React Rally last year, I watched an excellent talk by Lin Clark called “Making small modules actually work with webpack and npm”. At the beginning of the…
- Nesting Components simurai.com
..or the struggles with contextual styling. — Using CSS components is somewhat straightforward. We add the markup and give it the component’s class name and all…
BEM was a transformative methodology in the world of CSS, but — when limited to the style sheet — it can only take us so far. The act of defining “blocks”…
- Pingendo - web authoring with comfort pingendo.com
Uck, Boostrap. But hmm, component composability
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.
- Thinking beyond “Scalable CSS” - The dot Post thedotpost.com
Nicolas explains how good components empower designers and engineers by letting them think only about their inputs and outputs, not their internal complexity.
- Writing Reusable AngularJS Components with Bower briantford.com