Pure CSS Installation and Uses
Pure CSS is a framework of CSS. It is a free and open-source tool collection for creating responsive websites and web applications. Pure CSS is developed by Yahoo and is used for creating faster, beautiful, and responsive websites. It can be used as an alternative to Bootstrap.
Installation of Pure CSS: We can add Pure CSS to our webpage in two ways.
- Using NPM Install
- Using CDN Link
Using NPM Install: You can add Pure CSS to your project through npm. This is our recommended way to integrate Pure CSS into your project’s build process and toolchain.
npm install purecss --save
Using CDN Link: You can add Pure CSS to your page via the free unpkg CDN link. Just add the following <link> element into your page’s <head>, before your project’s style sheets.
<link rel=”stylesheet” href=”https://email@example.com/build/pure-min.css” integrity=”sha384-LTIDeidl25h2dPxrB2Ekgc9c7sEC3CWGM6HeFmuDNUjX76Ert4Z4IY714dhZHPLd” crossorigin=”anonymous”>
Below example will show the use of Pure CSS:
Example 1: In this example, we will use the Pure CSS CDN link to design a basic form.
Example 2: In this example, we will show the CSS Grid by using Pure CSS.