v1.1.0

A cutting-edge CSS framework designed to elevate your web development experience

Comprehensive solution that seamlessly integrates a vibrant color spectrum, versatile utility classes, and intuitive helper functions, all wrapped up with a plethora of pre-built components.

GET STARTED

Getting Started

Installation Via CDN

CSS

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swavy-ui@1.1.0/dist/css/swavy-ui.min.css"/>

JS

<script src="https://cdn.jsdelivr.net/npm/swavy-ui@1.1.0/dist/js/swavy-ui.min.js"></script>

Installation via Package Manager

npm

npm install swavy-ui

Yarn

yarn install swavy-ui

20+ UI built-in components

More than 100 color spectrum

Mobile First Design

Pre-built Hero Image Component With Sticky Navbar

                        
    <div class="sw-hero-head sw-hero-ht-full" data-hero-bg="image.jpg" data-bg-transparent="true">
        <div class="sw_hero-content sw_rp3-mlr-auto">
            <div class="br_gulf-blue st_align-center">
                <h1 class="font_sw-3 st-white">Creative & Innovative</h1>
                <h1 class="font_sw-3 st-white">Digital Solution</h1>
                <a href="#" class="sw_btn sw_rsq-7 bg-none br-lochmara sw_plr-7 sw_mt-4 font_xd-2 sw_br-2 st-white sw_ds-rp3-inline_block">GET A QUOTE</a>
                <a href="#" class="sw_btn sw_rsq-7 bg-none br-lochmara sw_plr-7 sw_ml-2 sw_mt-4 font_xd-2 sw_br-2 st-white sw_ds-rp3-inline_block">BE AN AGENT</a>
            </div>
        </div>
    </div>