Log in
JavaScriptHTMLCSSMarkdown
    commentquote
      variabletemplate-variabletagnameselector-idselector-classregexpdeletion
        numberbuilt_inliteraltypeparamsmetalink
          attribute
            stringsymbolbulletaddition
              titlesection
                keywordselector-tag
                  emphasis
                    strong
                      Presets

                      Unnamed Theme

                      /**
 * This is totally fizzbuzz javascript code
 * @params none lol
 */
function Fizzbuzz(limit, options) {
  const items = [true, 1337, 'shark', /<[a-zA-Z]>/]
  if (items[0]) {
    console.log('Yeet!')
  }
}

class Animal {
  selfDescribe() {
    return 'The sound I make is' + this.sound()
  }
}
                      <!DOCTYPE html>
<html lang="en">
  <head>
    <title>Components AI</title>
  </head>
  <body>
    <h1>Generative design systems</h1>
    <button class="cool-button" on-click="submit()">Click me!</button>
  </body>
</html>
                      /* CSS */

/* Debug layout and position */
.debug * { outline: 1px solid cyan; } 

.my-class:not(::first-child) {
  border: 1px solid tomato;
  padding: 1rem;
  color: salmon !important;
}

/* do stuff for screen */
@media only screen  and (min-width: 114em) {
    
}

                      # Markdown

[Components AI](https://components.ai) is a cool website
that lets you generate and publish designs!

## Testimonials

> Wow, this is the coolest thing ever! Like, totes amazing.
> - Some cool person

## Features

- generative design patterns
- `cool code`!

We are **bold visionaries** but also _fancy designers_.