Frontend Components and Examples
Collection of free CSS, HTML, Bootstrap, JavaScript, jQuery, Vue, React, Tailwind and more examples from Codepen and other resources.
Randomly Generated Css Lava Lamp
24.02.2019
The blob characteristics are randomly generated on each load via random CSS variables passed inline through the markup. This means you'll get a different lamp on each load.
Made with: HTML (Pug),CSS (Stylus)
Skew Animation Hero
4.05.2019
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
7.08.2018
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
14.07.2017
Uses CSS variables, but still looks great without.
Made with: HTML,CSS,JS