Upload Button

A no JS upload animation/microinteraction.
Visit

File Upload Interaction Design

A simple file upload interaction design.
Visit
Responsive Auto-rotating Carousel In JavaScript – slidr

slidr

slidr is a responsive, auto-rotating carousel slider plugin with support for navigation arrows, pagination bullets, countdown timer, play/pause controls, CSS3 transitions, and much more.
Visit

Pacman Pagination

Pagination animation with HTML, CSS and JS.
Visit

CSS Text Shadow Animation

Visit

3D CSS Letter Transition

Visit

cookit

Just another JavaScript solution to make your site comply with the EU cookie law.
Visit

GlowCookies

GlowCookies - Powerful Cookie Consent Banner In JavaScript
Visit

agreetocontent

Pure javascript content warning. Uses cookies to see if someone has agreed to the content already.
Visit

Direct Messaging

Visit

botui

A JavaScript framework for building conversational UIs
Visit

Fixer Uppers

Visit

CSS Winter Animation Calendar

A calendar with beautiful subtle animation made in CSS featuring a beautiful night in the mountains with moon and twinkling stars in the clear sky.
Visit

Hand Drawn Border Effects

A one line border-radius technique.
Visit

Blog Card

Visit

Spinin’ Load Arrow

Loading animation for down arrow.
Visit

3D Sloped Tiles Tessellated Pattern. No Div. Pure CSS

Visit

CSS Ripples with Masks and Custom Properties

Basic example about how to make ripples and dot grids with CSS.
Visit
Accessible Modal Dialog Component In Vanilla JavaScript

a11y-dialog-component

a11y-dialog is a Vanilla JavaScript (es6) component lets you create elegant, accessible modal windows & dialog boxes using WAI-ARIA.
Visit
Apply A CSS Class To Element When It Gets Focus

keyboardFocus.js

A lightweight library that applies a class to an element only when it is focused by tabbing.
Demo Visit
Boost Your Website’s User Accessibility With The Accessibility Plugin

accessibility-plugin

The Accessibility Plugin is a JavaScript library that helps improve the accessibility of your web applications. It provides a set of utility functions and components that can be easily integrated into your project.
Visit

css-grid-12-column-layout

https://erikmonjas.github.io/css-grid-12-column-layout/ 12 column grid using display:grid. It includes the necessary prefixes to work in Internet Explorer.
Visit

buzz-notify

Small and Clean JavaScript Toast Notifications
Visit

Star-rating-using-pure-css

A CSS only approach to creating a star rating widget on your webpage using plain HTML and CSS / CSS3.
Visit

markup2json

A library for converting HTML and XML into JSON
Visit

jQuery.ddMap

ddMap is a lightweight jQuery plugin that allows developers to embed customizable, interactive, responsive Yandex maps into webpages.
Visit

datera

Datera.js is a versatile library for date input and selection, providing flexible configuration options like initial selected dates, year ranges, disabled/enabled dates, start day of the week, and themes for styling.
Visit
Use Youtube/Vimeo/HTML5 Videos As A Fullscreen Background - youtube-background.js

jquery.youtube-background

ESM / jQuery plugin for creating video backgrounds from YouTube, Vimeo or video file links.
Visit
Lazy Load Vimeo Video Player Until You Click The Thumbnail - Vimeo LazyLoad

vimeo-lazyload

LazyLoad Embed Vimeo Player - simple and lightweight plugin - pure JavaScript
Demo Visit

LazyTube

A simple, ultra-lightweight, Vanilla JS library to lazy load youtube players (and make them responsive)
Visit
© 2025 FrontendPik