Javascript

Vue.js

Ui-Kit

Typed.js

Tailwind CSS

Swiper.js

Split.js

Skeleton CSS

Shoelace Style

Shine.js

Semantic-UI

SASS/SCSS

Rainyday.js

Particles.js

PagePiling.js

Page.js

Nes-css

Materialize CSS

Material Angular

Less CSS

Website Layout

Jquery

Intro.js

HTML 5 & CSS3

FrontendMentor Challenges

Freezeframe.js

Foundation CSS

Clone

Bulma CSS

Bootstrap

Angular

Tilt.js

Template Name:-Bulma Responsive Pricing Table.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
In this Bulma Responsive Pricing Table, we used grid classes of Bulma. Here we made a pricing table in Bulma with helper class and utilities classes.
Also Read:-&nbsp;<a href="../neumorphic-login-form-in-bulma/" target="_blank" rel="noreferrer noopener">Neumorphic Login Form In Bulma</a>
To make a responsive table we used a responsive grid class for an only tab view. On the mobile side, it will cover in full width per card. This is a responsive modal for mobile and tablet views.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Demo

Download Now

In this Bulma Responsive Pricing Table, we used grid classes of Bulma. Here we made a pricing table in Bulma with helper class and utilities classes.

Bulma Responsive Pricing Table

Template Name:-Neumorphic Login Form In Bulma.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
Neumorphic Design is a new trend in the user interface with a proper combination of background colors. So here we made a Login form in Bulma with Neumorphic Effects.
Also read:-&nbsp;<a href="../bulma-modal-login-and-register-form-with-jquery/" target="_blank" rel="noreferrer noopener">Bulma Modal: Log in and Register Form with Jquery</a>
In this element, we modify Bulma's classes and also use media queries to make them responsive. Here we used Bulma input components and also used utility classes. This is a responsive modal for mobile and tablet views.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Neumorphic Design is a new trend in the user interface with a proper combination of background colors. So here we made a Login form in Bulma with Neumorphic Effects.

Neumorphic Login Form In Bulma

Template Name:-Bulma Modal Log in and Register Form with Jquery.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included: &ndash; HTML, Internal CSS, and CDN.
Modal is the best component in every CSS or frontend framework. So here, we made the login and registration form in modal with the help of the Bulma CSS framework.
Also Read:-&nbsp;<a href="../bulma-hero-backgrounds-templates/" target="_blank" rel="noreferrer noopener">Bulma Hero Backgrounds Templates</a>
In this element, we used modal and form to make proper clickable and dynamic we used jQuery. Here for make dynamic we used addClass() and removeClass() Methods. Also, we used the modal close function for close modal via button/icons. Also responsive modal for mobile and tablet views.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Modal is the best component in every CSS or frontend framework. So here, we made the login and registration form in modal with the help of the Bulma CSS framework.

Bulma Modal Login and Register Form with Jquery

Template Name: Bulma Hero Backgrounds Templates.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS and CDN.
We made many elements in different frameworks with the help of CSS and also we modified some classes in frameworks. So here we made simple Bulma Hero Backgrounds Templates with the help of the utility class and also we modify the height class.
Also Read:-&nbsp;<a href="../bulma-registration-form/" target="_blank" rel="noreferrer noopener">Bulma Registration Form</a>
In these templates we used the background colour class with is given in this framework and also we used the container class with the help of the hero-body class. Also here we used a heading tag with the aligned centre class to make the heading centred. This is a responsive hero background template layout in the Bulma CSS framework.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

We made many elements in different frameworks with the help of CSS and also we modified some classes in frameworks. So here we made simple Bulma Hero Backgrounds Templates with the help of the utility class and also we modify the height class.

Bulma Hero Backgrounds Templates

Template Name: Animated 3d Buttons In Bulma.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
Bulma is a popular CSS framework that is built-in Sass(CSS preprocessor) with the help of a flexbox. So here made simple Animated 3d Buttons In Bulma and also we modified the buttons with a help of CSS.
In this element, we used Box-shadow and padding, the margin for making this element on the 3d side. Also, we used the helper class for making this element proper alignment. Here we used only Bulma's normal buttons and rounded buttons only. You can use any buttons like medium, large, and small with our modified buttons properties.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Bulma is a popular CSS framework that is built-in Sass(CSS preprocessor) with the help of a flexbox. So here made simple Animated 3d Buttons In Bulma and also we modify the buttons with a help of CSS.

Animated 3d Buttons In Bulma

Template Name: Bulma Registration Form.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
Bulma is an open-source front-end CSS framework for making websites with the help of giving classes. So here we design the Responsive Bulma Registration Form with some CSS properties &amp; Bulma components and utility classes.
In this Bulma Form, we used the grid system of this framework and also used new helper classes that come in new version 0.9. Here we modified the Bulma framework class and also used custom background colour. This form is fully responsive to all views.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Bulma is an open-source front-end CSS framework for making websites with the help of giving classes. So here we design the Responsive Bulma Registration Form with some CSS properties & Bulma components and utility classes.

Bulma Registration Form

Template Name: Bulma Navbar Burger With Javascript.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
Bulma is an open-source CSS framework with a fully responsive UI-components base&nbsp;framework.&nbsp;So we designed here&nbsp;Navbar in Bulma using javascript and css3 properties.
We designed so many different elements using a framework and also pure CSS. But, here we used the Bulma navbar component to make this element attractive and user-friendly. In this element, we modify the Bulma custom class with its own css3 properties and to make it responsive we used media queries.
Make it yours now by using it, downloading it and please share it. we will design more elements for you.

Bulma is an open-source CSS framework with a fully responsive UI-components base framework. So we designed here Navbar in Bulma using javascript and css3 properties.

Bulma Navbar Burger With Javascript

Template Name: Bulma Simple Footer.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
The purpose of the bottom footer is to make more visitors to the website set a business goal to give links and some short descriptions about the business. Here we designed a simple footer using the Bulma CSS framework.
To show more attractive we design a bottom footer to show copyrights footer and social icons to the right side in desktop. If you see on the mobile side and tablets side we make both to the center side. This element is fully responsive to mobile and tablet views.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Download now

The purpose of the bottom footer is to make more visitors to the website set a business goal to give links and some short descriptions about the business. Here we designed a simple footer using the Bulma CSS framework.

Bulma Simple Footer

Template Name: Login Form in Bulma.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, Image, and Font awesome.
<div class="code-block code-block-4">&nbsp;</div>
We are back with a new CSS framework.&nbsp; Here we designed the&nbsp;Login form using the Bulma&nbsp;CSS framework.
<h3>What is Bulma?</h3>
<a href="https://bulma.io/" target="_blank" rel="noopener">Bulma</a>&nbsp;is a CSS framework and the main base is sass.&nbsp;Sass&nbsp;is a CSS preprocessor and a very good and cool style to write your CSS. Bulma is an open-source CSS framework with a base on&nbsp;flexbox. Bulma is a modern CSS framework with supports all modern browsers and a fully responsive CSS framework.
<div class="code-block code-block-5">&nbsp;</div>
The login form is the best part but the user-interface is the first part of any website. here we design a simple login form using the Bulma CSS framework. Also, use Bulma classes which very easy to remember, and cool classes. This form is fully responsive with all views.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Bulma is a CSS framework and the main base is sass. Sass is a CSS preprocessor and a very good and cool style to write your CSS. Bulma is an open-source CSS framework with a base on flexbox. 

bulma-css Posts