components_ai's profile picture. Generative AI suite for web design

Components AI

@components_ai

Generative AI suite for web design

置頂

🎨 An endless collection of accessible color combinations: randoma11y.com


Want a design tool that lets you use P3 colors? components.ai/theme

components.ai

Theme | Components AI

Parametric and generative design tools

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…



Components AI 已轉發

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

randoma11y.com

RandomA11y - Endless collection of accessible Color Combinations

Discover millions of accessible color combinations with RandomA11y, the real-time color playground.


👀

here’s CSS GUI (components.ai/css-gui by @components_ai) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively



A design exploration interface just like this please 🙏

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 已轉發

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


A question very close to our hearts ❤️

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



What a combo! Generate markup with GPT4 -> customize the design with components.ai 🤤

here’s CSS GUI (components.ai/css-gui by @components_ai) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively



👀

Combining generative color palettes with SVG illustrations is so satisfying. Click / tap to regenerate. More examples and demos coming soon: components.ai/generative/col…



Components AI 已轉發

AI Tool 113 👇 🎨 @components_ai an open-source design tool that lets you build custom design tools without any code, is a game-changer for designers, developers, and product teams looking to streamline their design process. This tool is a must-have for any web project! #design

toolhunt_tech's tweet image. AI Tool 113 👇

🎨 @components_ai an open-source design tool that lets you build custom design tools without any code, is a game-changer for designers, developers, and product teams looking to streamline their design process. This tool is a must-have for any web project!  #design

Components AI 已轉發

Today’s BuiltwithAI.co featured @components_ai, an AI-first suite for web design: builtwithai.beehiiv.com/p/components-m… Components allows you to build custom design tools without writing any code.


Added 16 new testimonial components to Base. Cycle though endless combinations of theme options. components.ai/u/system/cl5a9…


An open source display-p3 color system components.ai/theme/bPAt2EwA… - Modular scales that are easy to customize - Balanced for accessibility - 6,490 accessible combos - Export as CSS, Sass, CSS Variables, CSS in JS, and more

components_ai's tweet image. An open source display-p3 color system components.ai/theme/bPAt2EwA…

- Modular scales that are easy to customize
- Balanced for accessibility
- 6,490 accessible combos
- Export as CSS, Sass, CSS Variables, CSS in JS, and more

Components AI 已轉發

Open source color system - 132 colors - 5,390 accessible color combinations - The first 6 steps in each scale are accessible with white, the last 6 steps are accessible with black - Export as CSS, JS, JSON, or Sass components.ai/theme/sRr4Q9BG…

mrmrs_'s tweet image. Open source color system

- 132 colors
- 5,390 accessible color combinations
- The first 6 steps in each scale are accessible with white, the last 6 steps are accessible with black
- Export as CSS, JS, JSON, or Sass 

components.ai/theme/sRr4Q9BG…
mrmrs_'s tweet image. Open source color system

- 132 colors
- 5,390 accessible color combinations
- The first 6 steps in each scale are accessible with white, the last 6 steps are accessible with black
- Export as CSS, JS, JSON, or Sass 

components.ai/theme/sRr4Q9BG…

What's one of your favorite quotes about design?


🗺 Explore thousands of accessible color combinations from curated color systems or your own custom design tokens components.ai/u/system/cl97o…


Loading...

Something went wrong.


Something went wrong.