Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
pattern libraries

10 Articles
{
,

}
Direct link to the article What Were the Hottest Front-End Tools in 2021?
components design tools generator icons pattern libraries

What Were the Hottest Front-End Tools in 2021?

Another year has passed and once again I’ve had the privilege of going through the Web Tools Weekly newsletter archives from the past 12 months to hunt down the front-end tools that readers found to be the most interesting during …

Avatar of Louis Lazaris
Louis Lazaris on Jan 17, 2022 (Updated on Jan 18, 2022)
Direct link to the article Developers and Designers Work on a Single Source of Truth With UXPin
components design pattern libraries uxpin

Developers and Designers Work on a Single Source of Truth With UXPin

There is a conversation that has been percolating for as long as I’ve been in the web design and development industry. It’s centered around the conflict between design tools and development tools. The final product of web design is often …

❥ Sponsored
Direct link to the article Using Your Own Design System with KendoReact Components
KendoReact pattern libraries react

Using Your Own Design System with KendoReact Components

Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap …

❥ Sponsored (Written by Chris Coyier)
Direct link to the article Getting design system customization just right
design systems pattern libraries

Getting design system customization just right

Direct Link

I had a little rant in me a few months ago about design systems: “Who Are Design Systems For?” My main point was that there are so many public and open source ones out there that choosing one can feel …

Avatar of Chris Coyier
Shared by Chris Coyier on Jul 29, 2019
Direct link to the article Who Are Design Systems For?
design systems geoffgraham pattern libraries

Who Are Design Systems For?

Specific design systems, I mean. Design systems, as a concept, are something just about any site can benefit from.

A lot of hype goes into design systems these days. Just the other day, an organization’s published their design system publicly …

Avatar of Chris Coyier
Chris Coyier on Apr 23, 2019 (Updated on Apr 25, 2019)
Direct link to the article Your Sketch library is not a design system redux
design tooling pattern libraries

Your Sketch library is not a design system redux

Direct Link

I really like this post by Brad Frost about what is and isn’t a design system, particularly when he de-emphasizes the importance of tools when it comes to that sort of work …

Avatar of Robin Rendle
Shared by Robin Rendle on Feb 15, 2018
pattern libraries react sketch

Sketching in the Browser

Direct Link

Mark Dalgleish details how his team at seek tried to build a library of React components that could then be translated into Sketch documents. Why is that important though? Well, Mark describes the problems that his team faced like this:…

Avatar of Robin Rendle
Shared by Robin Rendle on Feb 3, 2018
Direct link to the article Inclusive Components
accessibility pattern libraries

Inclusive Components

Direct Link

Heydon Pickering with a new project:

A blog trying to be a pattern library. Each post explores the design of a robust, accessible interface component.

Just one post so far on Toggle Buttons, but it’s a doozy.…

Avatar of Chris Coyier
Shared by Chris Coyier on Mar 22, 2017
animation pattern libraries

Animation in Design Systems

Direct Link

Our own Sarah Drasner:

Unlike fonts, colors, and so on, we tend to add animation in as a last step, which leads to disorganized implementations that lack overall cohesion. If you asked a designer or developer if they would create

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jan 4, 2017
framework pattern libraries Sass

Building & Maintaining OUI (Optimizely’s UI Library): Part 1/2

The following is a guest post by Tom Genoni. Tom is going to introduce us to the thinking and process behind Optimizely’s new UI library / Sass framework. Part 2, by Daniel O’Connor, looks at some of …

Avatar of Tom Genoni
Tom Genoni on Feb 2, 2016 (Updated on Apr 10, 2017)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top