Get started

Docs Github

Get Magic

Getting started with Magic.css is easy! Simply insert this code into your <head>:

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magical-css@latest/dist/magic.css">

You can also install Magic with NPM, Yarn or Bower.

npm install magical-css
yarn add magical-css
bower install magical-css

That's it! Of course, you've barely done anything at this point! To use Magic.css, see our documentation:

Icons

For many components in Magic, icons are quite useful. Magic does not have a built-in icon system, but we found that FontAwesome fits perfectly. To integrate FontAwesome, also add the following line to your <head>:

<script defer src="https://use.fontawesome.com/releases/v5.0.3/js/all.js"></script>

Now that you've set up Magic, contiue to our documentation :)