Ronald
Pure
Equip
Now UI Kit
Landerz
Careo
Hotelier
Nevada
Dinomuz
Lawfirm
OnePage
MaleFashion
Top Design King Awards
Heave
eyegix
Recode Studios
Tactyqal
Cyd Stumpel
Creatink HTML5 Template
RawSpiceBar
Diana Lopez
Simple Happy Kitchen
Biggr - creative agency
Herring Bone & Sui

Frontend Components and Examples

Collection of free CSS, HTML, Bootstrap, JavaScript, jQuery, Vue, React, Tailwind and more examples from Codepen and other resources.

Collapsible/Accordion

2.09.2020

A collapsible component made with Tailwind.

Made with: HTML,CSS

View Code

Collapsible/Accordion

Css Gradient Borders

3.08.2020

Made with: HTML,CSS (SCSS)

View Code

Css Gradient Borders

3d Hover Effect

5.02.2019

Made with: HTML,CSS

View Code

3d Hover Effect

Bootstrap Counter Style 140

16.12.2020

Made with: HTML,CSS,JS

View Code

Bootstrap Counter Style 140

Css3 Text-Shadow Effects

12.03.2013

Made with: HTML (Haml),CSS (Less)

View Code

Css3 Text-Shadow Effects

Bootstrap Login Form Style #34

1.07.2019

Made with: HTML,CSS

View Code

Bootstrap Login Form Style #34

Custom Webpage Context Menu Js

31.01.2020

Custom context menu thats works on all page.

Made with: HTML,CSS,JS

View Code

Custom Webpage Context Menu Js

404 Animated Page

14.11.2017

Neat little CSS 3D text animation.

Made with: HTML,CSS (SCSS)

View Code

404 Animated Page

Auto Color Palette Formatting

16.05.2018

Add/Edit/Remove Hex Colors from the array to update the palette.

Made with: CSS (SCSS),JavaScript

View Code

Auto Color Palette Formatting

Retro Css Slideshow

1.07.2014

Made with pure CSS.

Made with: HTML,CSS

View Code

Retro Css Slideshow

Bootstrap Delete Confirmation Modal

20.10.2020

Made with: HTML,CSS,JS

View Code

Bootstrap Delete Confirmation Modal

Glitch Effect In Less

7.11.2016

Simple demonstration of how LESS can be used to create the "glitch" effect.

Made with: HTML (Pug),CSS (Less)

View Code

Glitch Effect In Less
How to Use CSS Math Functions
How to Use CSS Math Functions
The CSS logical functions calc(), clamp(), min() and max() are supported by all modern web browsers. But, despite being readily available – a simple GitHub search tells us that adoption for these functions has been slow. So, how exactly do we use them to build fluid and responsive layout experiences? Let’s find out.
Easy Dark Mode CSS Trick
Easy Dark Mode CSS Trick
Just one CSS trick and you can achieve Dark mode for your website.
Timedropper a jQuery UI timepicker
Timedropper a jQuery UI timepicker
Timedropper is an eye catching jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker. Set time in 12-hour clock in which the 24 hours of the day are divided into two periods. Change time using mousewheel.
Grid Loading Animations
Grid Loading Animations
A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded.
Summernote: Super simple WYSIWYG Editor
Summernote: Super simple WYSIWYG Editor
Summernote has a few special features: Paste images from clipboard Saves images directly in the content of the field using base64 encoding, so you don't need to implement image handling at all Simple UI Interactive WYSIWYG editing Handy integration with server