Discover Quickly.
the design system built with CSS Grid.

With Quickly, you can easily start by integrating CSS and JavaScript into your project via CDN. This option frees you from the need for compilation steps, allowing you to kickstart your project quickly. This way, you can focus on what truly matters: developing your application efficiently and hassle-free.

Start quickly

Easily start by integrating Quickly's production-ready CSS and JavaScript via CDN. With this option, you avoid the need for compilation steps, allowing you to start your project quickly and focus on what truly matters: developing your application efficiently and hassle-free.

CDN Link

Here are the main links to our CDN for you to use. We've separated the JavaScript files into two units: one for components and another for forms. If you only need the standard JavaScript that includes components, simply call quicklyComp.js. If you need both components and forms, make both calls to quicklyComp.js and quicklyForm.js

Detail CDN URL
General CSS https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/css/quickly.min.css
JS Components https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/js/quicklyComp.min.js
JS Form https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/js/quicklyForm.min.js

Quick and simple implementation

To get started, create a new index.html file in the root folder of your project.

Copy and paste this initial HTML, which includes all the necessary elements to start your project with Quickly. Always remember to place your CSS styles after Quickly's styles to ensure they take priority.

We recommend including Normalize in your project to prevent style inconsistencies across browsers.

                  
    <!DOCTYPE html>
    <html lang="es">
        <head>
            <meta charset="UTF-8">
            <!-- Place your ICO here -->
            <link rel="icon" href="<!-- Here -->">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <!-- Normalize -->
            <link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
            <!-- CDN Quickly -->
            <!-- CSS Call -->
            <link href="https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/css/quickly.min.css" rel="stylesheet">
            <!-- Components JavaScript Call -->
            <script src="https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/js/quicklyComp.min.js"></script>
            <!-- Forms JavaScript Call (only if needed) -->
            <script src="https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/js/quicklyForm.min.js"></script>
            <!-- Place your custom CSS here -->
            <link href="<!-- Here -->" rel="stylesheet">
            <title>Quickly Demo</title>
        </head>
        <body>   
            <h1>Hello, world :)!</h1>
        </body>
    </html>