Frontend Components and Examples
Collection of free CSS, HTML, Bootstrap, JavaScript, jQuery, Vue, React, Tailwind and more examples from Codepen and other resources.
Skew Animation Hero
Add a bit of animation to SVG polygon/diagonal lines when scrolling with a few lines of JavaScript.
Made with: HTML,CSS (SCSS),JS
Expand/Collapse Cards With Figure Cut Text
Expand/collapse cards with text cut according to the shape of the label. Using CSS clip-path to create a reveal effect on the text hidden behind vintage labels.
Made with: HTML,CSS
Hover Highlight Effect
Uses CSS variables, but still looks great without.
Made with: HTML,CSS,JS
Bootstrap Checkbox List
Using Bootstrap 4 custom checkboxes, build an elegant food form.
Made with: HTML,CSS
Pure Css Responsive Gallery
Tired of writing JavaScript? Have you written your fair share of jQuery onclick events? Despair not! For you can make a responsive gallery in just HTML and CSS. All you need are some labels and some exotic CSS. Have fun!
Made with: HTML (Pug),CSS (SCSS)