Building things. Helped create @mdx_js, @blocks_ui, @tachyons_css, @cssstats. I love skiing ⛷❄️ and soccer ⚽️. he/him
Boise, Idaho
Joined October 2011
- Tweets4.3K
- Following586
- Followers5.2K
- Likes5.5K
John Otander retweeted
Get ready for a whole new type of design workflow. Just released folders and component hot swapping for Studio Pro users. Write your content once and then quickly cycle through any component in the current folder to rapidly explore design options🤤
John Otander retweeted
Contrast threshold is now used as a constraint. Choose a color or background color and quickly cycle through accessible options from your theme.
John Otander retweeted
Huge upgrade to @components_ai - you can now create and save custom components: components.ai/u/mrmrs/cl4vrs…

ALT Screenshot of a website design tool interface sitting in the safari web browser. The left column is a series of visual controls for properties like width, height, color, typography, and spacing. On the right is a rendering of the design. This design features 2 columns. The column on the left is a square image of a foggy field. The right has sample marketing copy for the demo example featuring a headline, sub headline, text, and two call to action buttons.
John Otander retweeted
Woohoo! css.gui is #1 on @ProductHunt this morning. Thanks for the support everyone!
producthunt.com/products/css…
John Otander retweeted
Just added some generative actions to controls. Generative actions work at multiple levels. For example you can regenerate a color in a gradient or the entire gradient stack.
components.ai/css-gui
John Otander retweeted
Work ↓ feed.grantcuster.com/post/16…
Some early work on integrating css.gui with Sprout. Getting cautiously excited about the possibilities here.
via github.com/components-ai/css…
John Otander retweeted
Parametric + generative design is going to completely change how we design with CSS and SVG. Going to open a whole new world of what we can explore and how fast we can do it. Like going from a physical darkroom to using an app for photo editing.
Work ↓ feed.grantcuster.com/post/16…
Some early work on integrating css.gui with Sprout. Getting cautiously excited about the possibilities here.
via github.com/components-ai/css…
John Otander retweeted
We're running a special promotion today. Sign up is free!
Unlimited publishing. Unlimited file size for images and video uploads.
components.ai/login
John Otander retweeted
Visually explore the relationships between direction, text-align, and text-justify
components.ai/docs/css/text-…
John Otander retweeted
SVG Grid
Generate graphics by composing grids, noise, and a growing set of symbols.
components.ai/changelog/svg-…
John Otander retweeted
Don't forget to reserve your username 😉
components.ai/login
John Otander retweeted
Hi
Do you want to learn @rustlang?
I've got something for you 💙
rustadventure.dev/
John Otander retweeted
We've been working on something new:
Markdown + Generative Design + Publishing
Drop us a DM if you'd like to take it for a spin 🤗
John Otander retweeted
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













