Sabitlenmiş Tweet
Components AI
721 posts
Components AI
@components_ai
Generative AI suite for web design
Generative Space Katılım Haziran 2019
316 Takip Edilen7.4K Takipçiler
@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 🤩
English
This could work for themes too. There could be options for space, radii, type, and shadow scales. Same naming and number of values in each. So you choose which one you want and all your components update.
English
I wish there was an OSS design system with dozens of variations of each component but all variations share the same API.
So like you could install Button 15, Slider3, Switch6, Checkbox2. And no matter which options you installed, the docs and OSS templates work.
English
@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.
English
@components_ai I wonder how many times in my life I've come up with a cool idea and then you pointed me to a demo where you already have it working
English
Want a design tool that lets you use P3 colors? components.ai/theme
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. developer.apple.com/videos/play/ww…
English
@uxshahid Also checkout randoma11y.com/apca for a different algorithm 🌈
English
🌈 An endless collection of accessible color combinations 😍
◆ Generate color combinations using the current contrast algorithm, ensuring text has a contrast ratio of at least 4.5:1 to meet WCAG 2.1 AA guidelines.
→ randoma11y.com
English
@another_patrick @AdhamDannaway Same person created both :)
English
@AdhamDannaway @components_ai This looks really nice, reminds me immediately of color.cloudflare.design which I've used extensively as well. Nicely done!
English
🌈 An endless collection of accessible colour combinations 😍
This handy tool helps you automatically generate accessible colour combinations 👇
By @components_ai
#a11y #accessibility #design #uxdesign #uxui
English
Components AI retweetledi
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.
👉 randoma11y.com/apca
English
@alnahian2003 The new APCA algorithm might help with that randoma11y.com/apca
English
@AdhamDannaway @components_ai Yet some of the colors are burning my eyes 😵💫
English
Taste the rainbow randoma11y.com
nikola@joxxnie
If you lack color combo idea, Randoma11y is the perfect tool for you 🤓
English
@Saadeghi WCAG definitely isn't perfect! Check out the APCA version here randoma11y.com/apca
English
Perfect proof that WCAG sucks and not every color combination with high contrast is accessible.
My eyes are literally melting after using this tool l.
nikola@joxxnie
If you lack color combo idea, Randoma11y is the perfect tool for you 🤓
English
Components AI retweetledi
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?
English
@webbendr Let us know if you have any additional questions we can help with! Happy to do a demo any time.
English
@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.
English
A composable graphical user interface for CSS. Completely open source.
components.ai/css-gui
English