Log inSign up
JavaScriptHTMLCSSMarkdown
    commentquote
      variabletemplate-variabletagnameselector-classregexpdeletion
        typeparamsmetalink
          attribute
            stringsymbolbulletaddition
              titlesectionname
                keywordselector-tag
                  emphasis
                    strong
                      params
                        number
                          literalbuilt_inlinkselector-id
                            Presets

                            Maastricht Blue

                            /**
                             * 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_.