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: UiKit Responsive Starter Template.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
Starter templates are ready-made layouts for making a website. Just you have to customize&nbsp;it with your own information. So here we made responsive starter template layouts in UiKit.
Also Read:-&nbsp;<a href="../uikit-simple-contact-us-form/" target="_blank" rel="noreferrer noopener">UIKIT &ndash; Simple Contact Us Form</a>
In these templates, we used the UiKit framework to customize the CSS class. Here we used navbar, slider, off-canvas, card, and also used components to contact us. Also, we made a beautiful footer using gird and list-type components. This is fully responsive for mobile and tablet-side.
Make it yours now by using it, downloading it, and please share it.

Demo

Download Now

Starter templates are ready-made layouts for making a website. Just you have to customize it with your own information. So here we made responsive starter template layouts in UiKit.

UiKit Responsive Starter Template

Template Name: UIKIT - Simple Contact Us Form.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
In this contact form, we used to form components given in this framework. Also, we used a custom padding class Simple Contact Us Form in UIKIT.
Also Read:-&nbsp;<a href="../parallax-scrolling-effect-in-uikit/" target="_blank" rel="noreferrer noopener">Parallax Scrolling Effect In UIKIT</a>
Also, we used the margin class and container class, which are essential parts of this form. To make a proper cementer and align-center, we used flex class with one single button for the submit side and fully responsive for mobile and tablet-side.
Make it yours now by using it, downloading it, and please share it.

In this contact form, we used to form components given in this framework. Also, we used a custom padding class Simple Contact Us Form in UIKIT.

UIKIT - Simple Contact Us Form

Template Name: Parallax Scrolling Effect In UIKIT.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, CDN, and&nbsp;<a class="aioseop-link" href="https://unsplash.com/" target="_blank" rel="noreferrer noopener nofollow" aria-label="Images (opens in a new tab)">Images</a>.
Parallax is a background fix effect that is the first web trending effect. Here we used the&nbsp;<a href="https://getuikit.com/" target="_blank" rel="noreferrer noopener">UI-KIt</a>&nbsp;CSS framework to make these awesome Parallax Scrolling effects elements.
In this element, we used the UI-KIT class to make this Parallax effect. For making full screen we used CSS height properties and width properties. Also, we used a heading tag with a CSS flex property to make this text a proper centre. We also used some background properties to make an image perfectly centred and flexible.
Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

Parallax is a background fix effect that is the first web trending effect. Here we used the UI-KIt CSS framework to make these awesome Parallax Scrolling effects elements.

Parallax Scrolling Effect In UIKIT

Template Name: Simple Login Form Using UI-KIT.
High Resolution:&nbsp;&ndash; Yes.
Compatible Browsers:&nbsp;&ndash;&nbsp;All Browser.
Source Files included:&nbsp;&ndash; HTML, Internal CSS, and CDN.
The login form and Signup form are the most important parts form a dynamic website. The login form has 2-3 basic input types filed with one login button. So here we designed a responsive and simple login form using&nbsp;<a href="https://getuikit.com/" target="_blank" rel="noreferrer noopener" aria-label="UIkit (opens in a new tab)">UIkit&nbsp;</a>framework.
<h3>What is UI-KIT?</h3>
A lightweight fronted CSS framework with have a powerful and attractive elements collection. Also, have a great user-interface UI component with the best utility classes. This is similar to bootstrap but UI-kit has a solid collection of components.
In this element, we only used the form elements and buttons with basic utility classes. Also, we used flex classes which have in this framework and For making responsive we used media queries.
Make it yours now by using it, downloading it and please share it.

The login form and Signup form are the most important parts form a dynamic website. The login form has 2-3 basic input types filed with one login button. So here we designed a responsive and simple login form using UIkit framework.

Simple Login Form Using UI-KIT

ui-kit Posts

UiKit Responsive Starter Template

UIKIT - Simple Contact Us Form

Parallax Scrolling Effect In UIKIT

Simple Login Form Using UI-KIT