Log in
JavaScriptHTMLCSSMarkdown
    commentquote
      variabletemplate-variabletagnameselector-classregexpdeletion
        typeparamsmetalink
          attribute
            stringsymbolbulletaddition
              titlesectionname
                keywordselector-tag
                  emphasis
                    strong
                      params
                        number
                          literalbuilt_inlinkselector-id
                            doctag
                              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_.