Tachyons@tachyons_css

Fastest CSS in the solar system. Modular, mobile-first, lightweight, and ready for production. github.com/tachyons-css

tachyons.io
Joined February 2016
117 Photos and videos
Load newest
Tachyons retweeted
Dan Perrera
@dperrera
26 Jun 2021
Threw together a @tachyons_css starter for @vercel's next.js: github.com/dperrera/next-tac…
1
2
6
🎨 🪄
This tweet is unavailable
4
🤯
Components AI@components_ai
22 Jun 2021
New freeform curves editor for color scales. Import CSS from your site. Visualize and edit scales across channels for HSL, HSV, LAB, RGB, and LCH. components.ai/theme
0:24
1
6
Customizing your Tachyons Color System is getting... almost too easy 😳
Components AI@components_ai
14 Jun 2021
Editing color scales just got a massive upgrade thanks to @tesseralis! You can now visualize and adjust curves across individual properties for RGB, HSL, HSV, LAB, and LCH. components.ai/color-scale
0:24
4
Generative CSS gradient components.ai/gradient/WjvjW…
Generative gradient made with CSS. It features repeating circles of colors overlapping on top of each other. The same orange color alternates every 1 to 2 stripes.

ALT Generative gradient made with CSS. It features repeating circles of colors overlapping on top of each other. The same orange color alternates every 1 to 2 stripes.
2
22
204 colors 🎨 13,230 accessible color combinations 20 accessible color mode presets 16 gradients 100% open source 🤤 Fully customizable: components.ai/theme/NTslOUtH…
Screenshot of a list of visually accessible color modes

ALT Screenshot of a list of visually accessible color modes

Screenshot of 5 gradients generated with CSS from a theme file

ALT Screenshot of 5 gradients generated with CSS from a theme file

6
64
Tachyons retweeted
murmurs@mrmrs_
4 Jun 2021
How many different ways can you apply color to an HTML element? What if every design was visually accessible? Computational theming and color: components.ai/notes/computat…
1
3
15
Rapid feedback loops for accessibility? Yes please.
Components AI@components_ai
4 Jun 2021
Quick demo on building a balanced color scale, where each color has at least 1 accessible match within the scale.
0:20
2
🎨 8 new open source color systems 🖌️ components.ai/#color-systems
2
7
60
New open source color system 🎨 - 156 colors - 7,768 accessible color combos - Every color has at least 1 accessible match in the scale - 1-6 steps accessible with white, 7-12 steps accessible with black components.ai/theme/7JnLZLgh…
1
5
30
Tachyons retweeted
murmurs@mrmrs_
27 May 2021
Open source color system - 154 colors - 7,806 Accessible color combos - Every color has at least one accessible match within the scale components.ai/theme/XPrdUsrA…
Grid of color documentation showing values and accessible combinations

ALT Grid of color documentation showing values and accessible combinations

Screenshot of color documentation visualizing accessible color combos

ALT Screenshot of color documentation visualizing accessible color combos

1
4
41
Tachyons retweeted
murmurs@mrmrs_
19 May 2021
CSS gradients are nice because you can use as many of your favorite colors as you want components.ai/gradient/oL01U…
An orange, pink, and green gradient

ALT An orange, pink, and green gradient

Screenshot of a CSS code block that renders a colorful abstract gradient

ALT Screenshot of a CSS code block that renders a colorful abstract gradient
2
87
Tachyons retweeted
murmurs@mrmrs_
14 May 2021
Collection of scales generated from CSS color names components.ai/theme/Qx8wWlgu…
Visual documentation for a generated color palette. 11 step scales for each hue. Each color swatch shows multiple formats for the color as well as accessibility info.

ALT Visual documentation for a generated color palette. 11 step scales for each hue. Each color swatch shows multiple formats for the color as well as accessibility info.
7
35
Tachyons retweeted
murmurs@mrmrs_
10 May 2021
Working on some new open source themes. In this color system, steps 0-5 are accessible with white and 6-11 are accessible with black for each hue. In the process of curating a few color mode presets. Adding gradients and box shadows next. components.ai/theme/93CZZAfJ…
Picture of documentation for a full color system made up of 12 step scales.

ALT Picture of documentation for a full color system made up of 12 step scales.

Picture of various combinations of colors applied to the same HTML block to show theming options.

ALT Picture of various combinations of colors applied to the same HTML block to show theming options.

Documentation showing glyphs for the typeface Inter

ALT Documentation showing glyphs for the typeface Inter

Visual preview documentation for the typeface Space Mono

ALT Visual preview documentation for the typeface Space Mono
6
54
Tachyons retweeted
Iggy Pops!@IggyDotDev
23 Apr 2021
Develop a wellbeing app with me using @sveltejs and @tachyons_css. We will use @figmadesign to create the UI prototype, we will code it in @codesandbox, then we will deploy it in @Netlify! - Episode 01 - bWell! twitch.tv/iggydotdev

IggyDotDev - Twitch

I'm a javascript journeyman! Based in sunny Brisbane (Australia) I work as a web developer for bigCorp (TM). I love to teach and help people learn and create stuff through code. Maybe by watching...

twitch.tv
1
3
CSS output coming soon
This tweet is unavailable
3
Theme editor update: declare and preview values for letter-spacing.
0:08
2
10
Designing a color system is getting more and more fun
Components AI@components_ai
2 Apr 2021
Added inline controls for color scale generation to our theme builder. More advanced options for generating and modifying color scales coming soon.
0:16
4
Font-family input now auto-detects variable fonts and exposes each axis with the correct range. Shown here: Recursive
0:16
3
11
86
Tachyons retweeted
Bootstrap
@getbootstrap
23 Mar 2021
Bootstrap 5 Beta 3 is here! We’ve added a new offcanvas component, four new examples, numbered list groups, added new Sass docs to each component, fixed bugs, and more! blog.getbootstrap.com/2021/0…
15
111
462
Load more