--- layout: base ---
{{site.title}} | framework css {{ site.time | date:

{% if page.description %}{{ page.description }} {% else %}{{site.description}} {% endif %}

Currently {{site.version}}
npm install efrolic
Get started Documentation

Css / GitHub

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

{% highlight html %} {% endhighlight %}

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.

{% highlight html %} {% endhighlight %}

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

{{site.title}} | framework css {{ site.time | date:

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.


{% for post in site.posts limit: 1 %}
{% if post.image %} {{post.title}} {% endif %}

{{post.title}} {{post.tag}}

{{ post.date | date_to_string }}

Read more
{% endfor %}
{% include global/footer.html %}