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: Contact Us Form In Materialize CSS.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS,&nbsp;<a href="https://undraw.co/" target="_blank" rel="noreferrer noopener">Images</a>, and CDN.
The Contact Us form is mostly used on web pages for users to send messages. So here we made a Contact Us Form In Materialize CSS with the help of CSS.
Also read:-<a href="../materialize-css-buttons-palette-kit/">&nbsp;Materialize CSS Buttons Palette Kit</a>
In this element, we modify CSS classes with CSS properties. To make the Contact Us Form responsive we used CSS media queries. Here we used the image on the left side and customized colours.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Demo

Download Now

The Contact Us form is mostly used on web pages for users to send messages. So here we made a Contact Us Form In Materialize CSS with the help of CSS.

Contact Us Form In Materialize CSS

Template Name: Floating Action Button with Social Icons In Materialize CSS.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, Icons and CDN.
The social sharing element is mostly used in every dynamic website for sharing any items etc. So here we design social icons with the help of buttons(Onclick) and they will open vertically with simple effects.
We used font awesome social icons for share options. Here we not used a single line of CSS or not modify any class just we used icons. Following this element, you can use it on any website for sharing purposes.
Make it yours now by using it, downloading it and please share it. we will design more elements for you.

The social sharing element is mostly used in every dynamic website for sharing any items etc. So here we design social icons with the help of buttons(Onclick) and they will open vertically with simple effects.

Floating Action Button with Social Icons In Materialize CSS

Template Name: Materialize CSS Buttons Palette Kit.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, Images and CDN.
Materialize is a modern browser responsive Front-end CSS framework and base of Google marital design. So here we made a button kit of Materialize CSS with the help of Materialize. For CSS background classes &amp; also used some basic CSS properties.
In this kit, we used background colour classes of Materialize CSS and also we used btn-small &amp; btn-large too. Here we also modify one Materialize CSS class which is lighten-5 because this class have text colour properties that are white. Which is not good to show. So here we used a custom colour which looks like black colour. We don't use here a single line of media queries.
Make it yours now by using it, downloading it and please share it. we will design more elements for you.

Materialize is a modern browser responsive Front-end CSS framework and base of Google marital design. So here we made a button kit of Materialize CSS with the help of Materialize. 

Materialize CSS Buttons Palette Kit

Template Name: Team Section Using Materialize CSS.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, Images and CDN.
Team section&nbsp;main section to show your mini-bio with a short intro. So here we designed the Simple team section using&nbsp;Materialize&nbsp;CSS&nbsp;with some basic CSS3 properties.
We have some elements in&nbsp;<a href="../../category/materialize-css/">materialize CSS</a>&nbsp;with awesome&nbsp;materialize framework classes. So we design team sections using a grid with card classes and also utility classes of this framework. Here we used font awesome icons to show social icons under buttons and also we used hover classes to make our element hoverable. To make this team section fully responsive we used media queries to the side of a particular screen.&nbsp;
Make it yours now by using it, downloading it and please share it. we will design more elements for you.

Team section main section to show your mini-bio with a short intro. So here we designed the Simple team section using Materialize CSS with some basic CSS3 properties.

Team Section Using Materialize CSS

Template Name: Registration Form In Materializecss.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
<a href="../category/materialize-css/" target="_blank" rel="noreferrer noopener">Materialize CSS</a>&nbsp;is a&nbsp;modern CSS framework&nbsp;with a fully responsive and Ui base component framework. Here we designed a beautiful Registration Form using the Materialize CSS&nbsp;framework and some&nbsp;CSS3&nbsp;properties.
The registration&nbsp;form is for a website user's to signup with given input fields. so here we designed a&nbsp;simple registration form&nbsp;with Html and CSS with Materialize CSS framework. In this form, we used the Materialize CSS grid and input fields with one simple button. Also, we used pulse class for the button attraction with amazing captivating effects.
Make it yours now by using it, downloading it and please share it. we will design more elements for you.

Materialize CSS is a modern CSS framework with a fully responsive and Ui base component framework. Here we designed a beautiful Registration Form using the Materialize CSS framework and some CSS3 properties.

Registration Form In Materialize CSS

Template Name: Materialize Responsive Navbar.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
The responsive Navbar&nbsp;is an important part of the website because of the user and stays a long time on your website.
Where you have given important links in the navbar. Here we design a Responsive Navbar using&nbsp;Materialize CSS&nbsp;framework with fully responsive with mobile and tablet views. In this Responsive Navbar, we used materialize icons.&nbsp; On the mobile side, their different views navbar on the click navbar can show from the right side.&nbsp; For the right side navbar, we used&nbsp;sideNav()&nbsp;Function.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

The responsive Navbar is an important part of the website because of the user and stays a long time on your website.

Materialize Responsive Navbar

Template Name: Simple Login Form In Materializecss.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
This is a&nbsp;smooth login form&nbsp;with an attractive user-friendly Form.&nbsp;This is a&nbsp; minimal and best&nbsp;UI framework for designing Web pages quickly and more user-friendly.
Here we design a simple Login Form using&nbsp;materialize CSS framework with fully responsive mobile and tablet views. In this form, we used two input types filed one is input type is text(Username) and the second input type password(....). In this form, we used some custom internal CSS and for the responsive side, we did media queries.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

This is a smooth login form with an attractive user-friendly Form. This is a  minimal and best UI framework for designing Web pages quickly and more user-friendly.

Simple Login Form In Materializecss

Template Name: Responsive Footer In Materialize CSS.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and Font Awesome.
Footer used Magne for website navigation and some basic information at the end of the page. Here we design a simple Footer using&nbsp;<a href="https://materializecss.com/">Materialize CSS</a>&nbsp;frameworks.
Also Read:-&nbsp;<a href="../jquery-slider-using-html-css/" target="_blank" rel="noopener">JQuery Slider Using HTML/CSS</a>
In this footer, we used custom colours for backgrounds. Also, we used Font awesome icons to show social icons, and at the bottom side, we used&nbsp;footer-copyright&nbsp;to show copyright text with a simple background. These are responsive elements with mobile and tablets.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Footer used Magne for website navigation and some basic information at the end of the page. Here we design a simple Footer using Materialize CSS frameworks.

Responsive Footer In Materialize CSS

Template Name: Login Form Using Material Design.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML and Internal CSS.
<h3>What is&nbsp;Material Design ??</h3>
Material Design Is designed by Google and this CSS Framework is fully responsive with cool animation classes. This Framework is built using HTML, CSS, and JAVASCRIPT with all CSS effects and javascript functions to make websites fully attractive.
How To Use ??
Material Design is easy to use no need for any video tutorials and any paid courses.&nbsp;<a href="https://materializecss.com/getting-started.html">Material Design's</a> official website has Full documentation of how to use this&nbsp;Framework and make a website.
The Login Form is an important part of a dynamic website or any other e-commerce website and the login form. Here we design a Login Form Using Materialize CSS Framework with hoverable background effects. In this Element, we used some basic and common classes of&nbsp;Materialize CSS. This element is fully responsive to mobile and tablet views.
Make it yours now by using it, downloading it, and please share it.

Material Design Is designed by Google and this CSS Framework is fully responsive with cool animation classes. This Framework is built using HTML, CSS, and JAVASCRIPT with all CSS effects and javascript functions to make websites fully attractive.

materialize-css Posts