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)