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.

--

--

Burki

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