The Way To Get Semantic UI

Michael S
1 min readJan 8, 2019

Way to insert semantic UI in html as cdn

It is repetitive process, therefore I wrapped it up.

  1. Write ‘semantic ui cdn’ on google search box.

Get into https://cdnjs.com/libraries/semantic-ui

2.CTRL + F => semantic.min.css

3. Get a url

https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css

4. ‘public’ directory => index.html => <head></head>

(When we installed React-app)

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /><metaname="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="theme-color" content="#000000" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">...<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /><title>React App</title></head><body>...</body></html>

Reference :

  1. https://semantic-ui.com/

I am blogging what I’ve learned to find later here for myself. If you happened to read this shit and there is wrong information, it would be appreciated to add a comment below.

--

--