DEV Community

Shivashish Yadav
Shivashish Yadav

Posted on Originally published at shiva.hashnode.dev on

Tools that can save you from writing long hectic CSS code

Great tools made on CSS which can help Front End Developers a lot of time

1.CSS Accordion Slider Generator

This tool is a free online generator that allows you to create a cross browser css only (no javascript) responsive "Accordion Slider" in seconds.

Features

  • CSS only, you don't need to write a single line of javascript code
  • Fully responsive and touch friendly
  • You can create both vertical and horizontal sliders
  • 15 color themes
  • Smooth transition effect between decks
  • Any HTML content can be used as a deck content

accordingslider

Go To Website

2.Animate.css

Animate is a CSS library for basic CSS animation. Its a browser friendly with a lot of pre built animationsanimate

Go To Website

3.Navbar Generator

You can generate 5 types of nav bar using few clicks, which are fully responsivemenucool

Go To Website

4.Smooth Shadow

Shadow generator with great UIshadow burrman

Go To Website

5.Animista

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.animista

Go To Website

The End !

I hope you found this article valuable. If yes do let me know. 😊

Also if you got any question feel free to ping me anywhere.

Top comments (0)