# 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 :)