eFrolic | framework css 2020

It is a CSS framework, which without using javascript is interactive and animated. This CSS framework is based on being simple and modern in mobile first web development. Built on Flexbox bases, focused on responsive design.

Currently V0.3.1
npm install efrolic
Get started Documentation

⚙️ Css / GitHub

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

<link rel="stylesheet" href="https://efrolic.github.io/css/assets/css/dist/efrolic.min.css">
<!-- Font awesome icons -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

Includes icon fonts (Font awesome)

⚙️ Get started

Get started with eFrolic, a simple and functional framework for creating responsive sites on mobile devices. Use one of the following ways to start using.

npm install efrolic

⚙️ Css / CDN

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

<link rel="stylesheet" href="https://unpkg.com/efrolic@0.2.9/dist/css/efrolic.min.css">
<!-- Font awesome icons -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

Includes icon fonts (Font awesome)

Work with your favorite tools and languages.

This framework is pure CSS so it can be integrated in any environment.


Angular

React

Vue

JavaScript

Classes related to the element

We use simple classes to make it easy to remember and relate to the elements. Let's see, who does not remember this; use an e- in front of all classes, it's that simple. ¡A main class and abundant variations!

e-btn

eFrolic | framework css 2020

I am, e-card profile Followed

558.9k followers

The grid system

The grid is focused on mobile devices from the beginning and there is only one type. Easy to learn, just need a container and automatic columns or with a defined size, these will adjust to the size of the graphic window.


Auto
Auto
Auto
Auto
e-col-3
e-col-6
e-col-3

📰 News

Find out everything that is happening, visit the news frequently to discover the new features instantly.


 Official launch, eFrolic V0.2.9

Official launch, eFrolic V0.2.9 Launch

02 Nov 2018

Read more
Contribute on GitHub
Become a sponsor.

If you are using our framework in a product that generates income, you can also help its maintenance if you wish, if you frequently help in your company or personal developments consider making a recurring donation.

If you want to see your company's logo on this site it's time to be a serious Sponsor.

eFrolic | framework css 2020
eFrolic | framework css 2020

One-time donation


Donate
eFrolic | framework css 2020
eFrolic | framework css 2020

Serious sponsor


Become a Patron