Components AI

Generative AI suite for web design

[Components AI @components_ai]

🎨 An endless collection of accessible color combinations: https://t.co/270k7H52X8

[Components AI @components_ai]

@AviSchiffmann This is the dream

[Components AI @components_ai]

@colmtuite Some fun output of same theme used in different ways for a single template

[Components AI @components_ai]

We're hard at work on a collection of open source themes and templates that can be combined to produce an endless stream of stunning design options for your content.

Some examples of output after our latest updates 🤩

[Components AI @components_ai]

@colmtuite Still have a ton of component variations to build out, but some fun infrastructure to hopefully make it easier for people to explore these kinds of workflows.

[Components AI @components_ai]

@colmtuite The feeling is mutual 🤗

[Components AI @components_ai]

Want a design tool that lets you use P3 colors? https://t.co/SzvMK52j1m

[Jen Simmons @jensimmons]

What’s new in CSS at #wwdc23 today!

Super useful info on how to use new CSS for
- layout
- wide gamut color
- selectors
- typography

I’m so excited I got the opportunity to make this session for you. Please take a look.

https://t.co/h9up3vNJYr

[Components AI @components_ai]

@russ_seid Thanks!

[Components AI @components_ai]

@uxshahid Also checkout https://t.co/L83bBgOUA6 for a different algorithm 🌈

[Components AI @components_ai]

@another_patrick @AdhamDannaway Same person created both :)

[Adham Dannaway @AdhamDannaway]

You can also generate colours using the newer Advanced Perception of Color Algorithm (APCA).

This new algorithm helps fix some of the issues with the existing algorithm.

Just click on the contrast ratio in the header to switch algorithms.

👉 https://t.co/HgFzxk7joK

[Components AI @components_ai]

@alnahian2003 The new APCA algorithm might help with that https://t.co/L83bBgOUA6

[Components AI @components_ai]

👀

[harley turan @hturan]

here’s CSS GUI (https://t.co/5eirkTDVZs by @components_ai) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively

[Components AI @components_ai]

Taste the rainbow https://t.co/270k7Hncbg

[nikola @joxxnie]

If you lack color combo idea, Randoma11y is the perfect tool for you 🤓

[Components AI @components_ai]

A design exploration interface just like this please 🙏

[harley turan @hturan]

here’s a force-directed knowledge graph interface for @OpenAI’s gpt-4. given a topic, it prompts new questions to ask based on its own generated responses, allowing curiosity-led exploration of a concept.

[Components AI @components_ai]

@Saadeghi WCAG definitely isn't perfect! Check out the APCA version here https://t.co/L83bBgOmKy

[nikola @joxxnie]

If you lack color combo idea, Randoma11y is the perfect tool for you 🤓

[Components AI @components_ai]

A question very close to our hearts ❤️

[Esther Cheran 🌈 @EstherCheran]

When you think about Design Tokens and #Ai, where do you see the biggest opportunities?

[Components AI @components_ai]

What a combo! Generate markup with GPT4 -> customize the design with https://t.co/WWsgngwxSG 🤤

[harley turan @hturan]

here’s CSS GUI (https://t.co/5eirkTDVZs by @components_ai) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively

[Components AI @components_ai]

@webbendr Let us know if you have any additional questions we can help with! Happy to do a demo any time.

[Components AI @components_ai]

A composable graphical user interface for CSS. Completely open source.

https://t.co/Wp4xRyCW3m

[Components AI @components_ai]

@webbendr 👋 in most contexts you can regenerate all values or individual values on a per property basis. In Studio if you have multiple defined components you can use them to generate design options. Color regeneration for background and foreground will constrain to accessible combos.