https://github.com/iamabs2001/wizardcss

:jack_o_lantern: A Simple, :tada: Minimalistic, :mage: Zero Dependency :rainbow: CSS Framework with :genie: animations
https://github.com/iamabs2001/wizardcss

css css-framework scss scss-framework ui ui-components ui-design wizard wizardcss

Last synced: 18 days ago
JSON representation

:jack_o_lantern: A Simple, :tada: Minimalistic, :mage: Zero Dependency :rainbow: CSS Framework with :genie: animations

• Host: GitHub
• URL: https://github.com/iamabs2001/wizardcss
• Owner: iamabs2001
• License: apache-2.0
• Created: 2020-11-02T07:34:36.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-28T06:08:10.000Z (about 4 years ago)
• Last Synced: 2024-04-24T19:04:32.154Z (8 months ago)
• Topics: css, css-framework, scss, scss-framework, ui, ui-components, ui-design, wizard, wizardcss
• Language: SCSS
• Homepage: https://wizardcss.netlify.app/
• Size: 179 KB
• Stars: 1
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# :jack_o_lantern: Wizardcss



![MIT](https://img.shields.io/badge/license-Apache%202-blue)

[![npm](https://img.shields.io/npm/v/wizardcss)](https://www.npmjs.com/package/wizardcss)

![npm](https://img.shields.io/npm/dt/wizardcss)

![GitHub file size in bytes](https://img.shields.io/github/size/iamabs2001/wizardcss/dist/wizardcss.min.css?label=production%20size&color=purple)

![Build Status](https://img.shields.io/travis/com/iamabs2001/wizardcss)

 Demo & Documentations 

``` npm i wizardcss ```

```html 

 

```

OR 


```html

 

```

OR 


```html

 

```

Font Awesome Icons 


```html

```

# :purple_heart: Why wizardcss

- [x] Simple

- [x] Minimalistic

- [x] Zero Dependency

- [x] No Js Required

- [x] Modern CSS3

- [x] Animations

> ## :rainbow: Components

- [x] Buttons

- [x] Card

- [x] Form

- [x] Panel

- [x] Tooltip

- [x] Table

- [x] Image

- [x] Loader

- [x] Breadcrumb

- [x] Dropdown

- [x] Progress

- [x] Navbar

> ## :triangular_ruler: Layouts

- [x] Grid

> ## :fire: Animations

- [x] Ripple

- [x] spin

- [x] fade

- [x] Marquee

- [x] Hover grow

- [x] Shake

# :cyclone: Browsers Support 

| IE9 | IE10 | IE11 | Chrome | Opera | Firefox | Safari | Edge |

|-----|------|------|--------|-------|---------|--------|------|

| B   | A    | A    | A      | A     | A       | A      | A    |

# :globe_with_meridians: Browser based development environment

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/iamabs2001/wizardcss)

# :computer: Clone & Start Development

```shell

git clone https://github.com/iamabs2001/wizardcss

cd wizardcss

npm install --save-dev

npm start

```