The AI assistant for Tailwind
デモを見る限り、Chat, HTML, Tailwind Config, Previewの4ペーン構成のエディターで、対話しながらプレビューできる。
langcss https://langcss.com
demoを試す
以下Qを入力するだけで、Aと各コードを出力してくれた（いくつかの要素は必要）
demo （それをBentosレイアウトで構成して）
Q: please do it with Bentos layout
A: Creating a UI with a "Bento" layout using TailwindCSS involves organizing content into a grid that resembles a Bento box, with different sections for various types of content. This layout is great for dashboards, galleries, or any application where you want to present information in a visually segmented manner. Here's a basic example of a Bento layout. This will create a responsive grid with some cards that you can customize further according to your needs: (view html code) This layout starts with a single column on small screens and expands to 2 columns on medium screens and 4 columns on larger screens. Each card has a shadow, rounded corners, and contains a heading, some text, and an image. You can replace the content of each card as needed. If you have specific content or additional features in mind for your Bento layout, please let me know so I can tailor the example more closely to your needs!
