News and updates

  • Morphing Background Shapes on Scroll

    A decorative website background effect where SVG shapes are morphing and transforming on scroll.

  • 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...

  • 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 is a JavaScript library that helps you create WYSIWYG editors online.

  • Colorify.js

    Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up...

  • jQuery Responsive Lightbox Plugin: Chocolat.js

    Chocolat.js enables you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails. The viewer may appears full-page or in a block.

  • "Roboto: Google’s signature family of fonts" is now free

    oogle’s signature family of fonts, the default font on Android and ChromeOS, and the recommended font for Google’s visual language, Material Design. It also contains the toolchain used in creating Roboto. The font family supports all Latin, Cyrillic...

  • Jquery Image Player

    Businessess need to develop a video to explain the flow of applications like online internet banking, 3D visuals of car interiors, etc. However, this makes the overall file size very heavy. In such cases, users can use this "Jquery Image Player". Though...

  • Restive.JS: Make your site responsive and adaptive

    Restive.JS is a JQuery Plugin that helps you quickly and easily add features to your Web Site to enable it respond and adapt to virtually every Web-enabled Device. Using a combination of Device Detection, Advanced Breakpoints Management, and Orientation...

  • Space.js : HTML-Driven Narrative 3D-Scrolling

    Space.js is a Javascript library which is based on parallax technologies used for narration. The library is HTML-driven, which means that you don’t need to write a single line of JavaScript to use it on your site and still have a lot of flexibility....

CSS Based Web Design Gallery - Design Resources



Catch up on news, updates and popular pages. It is highly rated by users from India. is a website that might be still building its audience and thus rated quite low by Alexa (estimated traffic is around 9.8K visitors per month). CSS Based provides generally secure and family-safe content, so users of all ages can visit it.

CSS Based is the best way to collect, share and discover interesting well designed CSS based websites from around the world..


Daily visitors


Daily pageviews

1 285 354

Alexa rank






Child safety:


Safety Verdict: