.expressive-code+.expressive-code]:border-slate-300/20 [&>.expressive-code+.expressive-code]:shadow-[0_-1px_0_theme(colors.slate.300/.1)] [&>.expressive-code]:!h-full [&>.expressive-code_.frame]:!h-full [&>.expressive-code_.frame]:!shadow-none [&>.expressive-code_.frame]:after:!hidden [&>.expressive-code_:is(.frame,pre,.frame_.header)]:![border-radius:0]">

An accordion is a vertically stacked set of interactive headings that each contain a title, content snippet, or thumbnail representing a section of content.

Carefully crafted isometric icons.

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. UI Sketcher Turn sketches into UI code Installation Once installed, make sure to run the command UI Sketcher: Set OpenAI API Token. Your token will be stored in a secret store handled by VSCode. It will never be shared with anyone. Usage Open a text file and put your cursor where you want the code to be generated Use

Submit × To submit a design, follow us on 𝕏 and send a link to the post via DM. follow on 𝕏

Collection of free HTML and CSS button code examples

Similar images, subjects, art style, artists, color pallettes

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

Copy Code.loader { width: 50px; aspect-ratio: 1; border-radius: 50%; padding: 1px; background: conic-gradient(#0000, #1E4D92) content-box; mask: repeating-conic-gradient( #0000 0deg, #000 1deg calc(360deg/10 - 10deg - 1deg), #0000 calc(360deg/10 - 10deg) calc(360deg/10) ), radial-gradient( farthest-side, #0000 calc(98% - 10px), #000 calc(100% - 10px) ); mask-composite: intersect; -webkit-mask-comp

イラストでストーリーを語る世界中のアーティストが作成したコレクションを使用して、すばらしいイラストを簡単に作成、カスタマイズできます。お試しください。楽しいですよ。

The Largest Library of Open-Source UICommunity-built library of UI elements. Copy as HTML/CSS, Tailwind, React and Figma.

KuKuKeKeは、シンプルで楽しいフリーイラスト素材です。 イラストは、利用規約の範囲内で、無料で使用できます。 ご利用の前に、利用規約をご一読ください。

The past, present, and future of personal expression through fonts

Create seamless patterns in seconds Tylify is a web-based seamless pattern maker. Pattern elements can be both raster (PNG, JPG, etc) and vector (SVG) images. Export formats include SVG, PNG and CSS with embedded base64 SVG. All the work is done in your browser.

Palettemaker is a unique tool for creative professionals and color lovers that allows you to create color palettes and test their behavior in pre-made design examples from the most common creative fields such as Logo design, UI/UX, Patterns, Posters and more.