DEV Community

Shivashish Yadav
Shivashish Yadav

Posted on • Originally published at shiva.hashnode.dev on

1 1

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.

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post →

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post