• jQuery
  • Vanilla JS
  • CSS/CSS3
  • Next.js / Shadcn
  • AI Coding Tools NEW
CSS Script
Best Free JavaScript & CSS/CSS3 Libraries For Modern Web Design
Follow us on X Follow us on Facebook Follow us on Youtube
Skip to content
  • Home
  • Featured Categories
    • Accordion
    • Animation
    • Chart & Graph
    • Color
    • Date & Time
    • Drag & Drop
    • Form
    • Frameworks
    • Gallery
    • Image
    • Layout
    • Loading
    • Menu & Navigation
    • Modal & Popup
    • Notification
    • Others
    • Slider
    • Slideshow
    • Social Media
    • Table
    • Text
    • Tooltip
    • Typography
    • Zoom
  • CSS & CSS3
  • Javascript
  • Recommended
  • Popular
    • Autocomplete
    • Accordion
    • Carousel
    • Checkbox & Radio
    • Context Menu
    • Countdown Timer
    • Custom Scrollbar
    • Data Table
    • Date & Time Picker
    • Dialog & Popup
    • Drag’n’Drop
    • Form Validation
    • Gallery
    • Gallery Lightbox
    • Grid Layout
    • Image Zoom
    • Input Mask
    • Lazy Load
    • Loading Indicator
    • Mobile Menu
    • Modal Window
    • Multiple Select
    • One Page Scroll
    • Parallax Effect
    • Particles Animation
    • Progressbar
    • Range Slider
    • Responsive Menu
    • Smooth Scroll
    • Switch
    • Tabs
    • Text Animation
    • Timeline
    • Toast Notification
    • Tree View
    • WYSIWYG Editor

Create A Spotlight Effect using Canvas and Scrawl.js

Category: Image , Javascript | September 17, 2014
0 Comment
Create A Spotlight Effect using Canvas and Scrawl.js

Makes use of Scrawl.js library to convert an image into a canvas object and to add a spotlight effect over the canvas using gradient.

DemoDownload
Tags: canvas, spotlight

Pick A Color From An Image Using Canvas and Javascript

Category: Color , Javascript | September 17, 2014
2 Comments
Pick A Color From An Image Using Canvas and Javascript

A simple pure javascript solution to select a color and get the Html color code (RGB or HEX) as you click on an image, similar to the color picker tool in Photoshop.

DemoDownload
Tags: canvas, color picker

Simple Inline Form Validator with Pure Javascript

Category: Form , Javascript | September 15, 2014
0 Comment
Simple Inline Form Validator with Pure Javascript

An easy-to-use form validator which enables you to validate a set of form controls in vanilla JS.

DemoDownload
Tags: form validation

Horizontal Slide Navigation Menu with Pure CSS/CSS3

Category: CSS & CSS3 , Menu & Navigation | September 2, 2014
0 Comment
Horizontal Slide Navigation Menu with Pure CSS CSS3

A pure CSS/CSS3 based navigation system that slides out a horizontal menu as you click on the toggle icon.

DemoDownload
Tags: slide menu

Material Design Inspired Check & Radio Click Effects with CSS3

Category: CSS & CSS3 , Form , Recommended | September 1, 2014
2 Comments
Material Design Inspired Check & Radio Click Animations with CSS3

Helps you create nice checkboxes and radio buttons with Google material design inspired ripple/wave effects.

DemoDownload
Tags: checkbox, material design, radio button

Transparent Image Hover Overlay With Pure CSS/CSS3

Category: CSS & CSS3 , Image | August 31, 2014
4 Comments
Transparent Image Hover Overlay With Pure CSS CSS3

A pure CSS/CSS3 technique to create an animated & transparent overlay covering the image when hovered.

DemoDownload
Tags: hover effect, image caption

Smooth Responsive Accordion Widget With JS and CSS3

Category: Accordion , Javascript | August 31, 2014
3 Comments
Smooth Responsive Accordion Widget With JS and CSS3

A fully responsive accordion widget which allows you to toggle content sections with smooth sliding animations and text zoom effects.

DemoDownload

A Minimal Pure Javascript Stopwatch

Category: Date & Time , Javascript | August 25, 2014
2 Comments
A Minimal Pure Javascript Stopwatch

A simple lightweight Javascript stopwatch which allows you to count up from zero with start, pause, resume and stop controls.

DemoDownload
Tags: stopwatch

Create A 3D Hexagon Grid Layout with CSS3

Category: CSS & CSS3 , Layout | August 25, 2014
1 Comment
Create A 3D Hexagon Grid Layout with CSS3

A 3D hexagon(honeycomb) grid layout with cool hover effects, built on top of CSS3 transitions and transforms.

DemoDownload
Tags: Grid Layout, Hexagon Layout

Browser Title Bar Manipulation JavaScript Library – title.js

Category: Javascript | August 24, 2014
0 Comment
Browser Title Bar Manipulation JavaScript Library - title.js

title.js is a standalone JS library which allows you to manipulate/enhance the browser title bar.

DemoDownload
Post navigation
← Older posts
Newer posts →

Latest

  • AcmeTicker: Vanilla JS News Ticker with Typewriter Effects and RTL Support
  • Particle Charts: Animated Canvas Charts Made of Particles
  • Simple Markdown Editor with Real-Time Preview and Customizable Toolbar
  • Intuitive Charting Library for Financial Data – DXCharts Lite
  • Easy Input Mask Component In Vanilla JavaScript & Vue.js – Maska
  • Sortable, Editable, Filterable Data Grid Web Component – data-grid.js
  • 6,400+ Brand SVG Icons for Developers – theSVG

Get Free Updates

Featured

10 Best Input Mask JavaScript Libraries In 2026
10 Best Toggle Switch JavaScript And CSS Libraries (2026 Update)

You Might Also Like

Alert autocomplete background bootstrap Bootstrap 5 calendar Carousel checkbox Confirm Dialog CSS framework Date Picker dialog dropdown dropdown menu editor form validation gallery lightbox Grid Layout hover effect Image Lightbox image zoom Lazy Load lightbox loading indicator Loading Spinner material design multiple select off-canvas menu one page scroll Parallax progress bar range slider Responsive Menu scroll Scroll Animation select side menu smooth scroll switch tabs Text Animation Toast Notification Tree View Typing Animation Web Component
About | Contact | Privacy
↑ Back to top
© 2013-2026 CSSScript.com, A jQuery Plugins Subsite. All rights reserved.