3

Open source visual editors for everything in the CSS spec

 2 years ago
source link: https://www.producthunt.com/posts/css-gui
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Ranked #4 for today

CSS.GUI

Open source visual editors for everything in the CSS spec

Composable visual editors for CSS properties. Mix and match to create your own custom design tools without writing code.
Zendesk for Startups
Promoted
CX software that grows as you go.

A growing collection of composable open source visual editors for CSS properties. The goal is to be able to generate any and all valid CSS with parametric controls for everything in the CSS spec.

Why try to do this?

We love the web, the materials of the web, and designing with code. But we've found that sometimes writing code is a slow way to design with CSS when compared to the power of parametric design. No matter how fast we type hex codes, there is nothing like sliding around a color picker and watching a design update in realtime.

Writing CSS also requires knowing CSS. This hurdle can reduce the available surface area for collaboration amongst teammates. You don't need to know anything about CSS to use a color picker and judge which colors look the best.

Parametric interfaces can be effective for creating with intention as well as learning through discovery and play. While there are existing design tools with parametric controls that allow you to export your design as CSS, they often times don't make all of CSS's power and flexibility availble to the designer.

What if you could explore every CSS property without writing any code? All code examples or presets could be editable. People could cycle through curated presets, or manually tweak values themselves to discover what's possible.

We want to put the creative power of CSS in as many hands as possible. Where the limits of your CSS knowledge, are no longer limitations to your creativity.

We'd love to hear what you think.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK