Generative AI suite for web design
Generative Space
- Tweets 719
- Following 315
- Followers 7,250
- Likes 1,282
Want a design tool that lets you use P3 colors? components.ai/theme
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/p…
5
3,235
Components AI retweeted
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
4
1
13
4,318
👀
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
1
8
4,469
Taste the rainbow randoma11y.com
22
5,538
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.
1
27
5,701
Components AI retweeted
If you lack color combo idea, Randoma11y is the perfect tool for you 🤓
16
529
3,978
269,336
A question very close to our hearts ❤️
When you think about Design Tokens and #Ai, where do you see the biggest opportunities?
1
2
2,318
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
1
10
2,631
👀
Combining generative color palettes with SVG illustrations is so satisfying. Click / tap to regenerate. More examples and demos coming soon: components.ai/generative/col…
4
1,736
Components AI retweeted
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
1
3
1,104
Components AI retweeted
Today’s BuiltwithAI.co featured @components_ai, an AI-first suite for web design:
builtwithai.beehiiv.com/p/co…
Components allows you to build custom design tools without writing any code.
2
1
1
1,142
A composable graphical user interface for CSS. Completely open source.
components.ai/css-gui
1
5
1,163
Added 16 new testimonial components to Base. Cycle though endless combinations of theme options.
components.ai/u/system/cl5a9…
11
✍️ Changelog: Export designs as web components for use in any @enhance_dev project: components.ai/changelog/enha…
1
3
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
3
15
Customizable card link component 🃏🔗 components.ai/u/system/cl5a9…
ALT Screenshot of a card link component that shows an example image, publish date, title, and description text in a card format.
1
3
Components AI retweeted
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…
10
151
826
🗺 Explore thousands of accessible color combinations from curated color systems or your own custom design tokens components.ai/u/system/cl97o…
18
👀 New feature just dropped. Export any component as @astrodotbuild 😱
3
9
93
This was an open source contribution courtesy of the wonderful @n_moore!
Our editor is completely hackable:
github.com/components-ai/css…
2
8