Log inSign up
JavaScriptHTMLCSSMarkdown
    commentblock-commentprologdoctypecdata
      punctuation
        tagattr-namenamespacedeleted
          function-name
            booleanconstant
              class-namesymbolfunctionproperty
                selectoratrulekeywordbuiltin
                  stringcharattr-valueregexvariable
                    operatorentityurl
                      important
                        bold
                          italic
                            inserted
                              number
                                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>
    <a href="https://components.ai/login">Sign Up</a>
  </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_.