Tools

Tools that makes your Frontend development easy.

Burki
2 min readApr 4, 2021

There are website that enables you to write your code faster than ever before with help of tools, i’ll be discussing some of the tools here.

  1. CSS-Grid Generator: This grid generator tool will help you generate any type of grid you need, all you need to do is select grid boxes, assign it’s order. You have your grid ready in code form.
  2. Omatsuri: This is an open-source browser tool that you can use everyday it provides many tools like CSS triangle generator, color shade generator, svg compressors and many more.
  3. Flexbox Generator: If you need help in creating CSS Flexbox layouts or you want to try something new this is where you need to be, an interactive Flexbox tool 😯.
  4. Svg Wave: One of my personal favorite is this cool minimalist wave generator. You have variety of color and properties to choose from, it can be used as a cover background with some opacity or you can just use it wherever you want, download option in svg or png is available.
  5. Neumorphism: This one is quite interesting this tool helps you in arranging beautiful card backgrounds, shadows, and border radius. It is interactive with some changeable properties like, size of card, radius, shadow distance, intensity and blurrness.

All links are embedded on headings.
Thank You.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Burki
Burki

Written by Burki

Hi, I am a web developer and a fellow at Jadu Jobs.

Responses (1)

Write a response

Woah!! Just checked them. Thanks for gathering them all on one platform.

--