List Of Tools For Web Developers
List Of Tools For Web Developers
We built a collection of tools for web developers, created to save time, be easy to use and customizable for everyone. If you are a web developer or looking for a way to simplify your daily work, check it out!
As developers ourselves, we've noticed that there are lots of tools that help us out, but are terribly designed, tough to use, or somewhere on a platform like CodePen.
Meet Isotropic Tools.
This collection of tools is built with love and care, to be easy to use and customizable for everyone. We hope you enjoy using them as much as we enjoyed building them! The tools are free for everyone. If you like them or want some extra features (or new tools) just let us know by sending an email.
Need to Generate a CSS Gradient?
Use this tool to create the necessary CSS required to add a CSS Gradient to the background of any HTML Element
Easily Generate Scrolling Text / Marquee Elements
This generator will help you create infinite scrolling text sections for your website. This is helpful if you are trying to create a stock ticker, or want the scrolling text effect which is trending in 2025.
Want to convert MP4 into Lottie?
This conversion tool converts your mp4 files into a format that can be used for animations. It's free and takes less than 5 minutes!
Do you need to convert your CSV files into HTML tables?
This tool converts your .csv files into html tables. Paste your data into the top box and see your table appear in the output below. It's free and only takes a few seconds! You can copy and paste the html table into websites and Word Docs. Support for several popular CSS frameworks.
This tool converts hex code colors into css filters
You may be looking for a way to convert HTML color codes (such as #FF0000) into CSS filter effects. This tool allows you to do just that! Simply type in the hex color and it will show up as a css filter effect. This is great to make logo sets and apply colors to them via CSS classes.
Want to convert an image to CSS box-shadow effect?
This tool allows you to create your own custom box-shadow effects and preview them as you create. It's free and takes less than a minute to use! Upload an image, and tweak the settings to meet your needs. Note: this is experimental and has limited practical use cases.
Looking To Generate A Responsive iframe For Video or Website Embed?
This tool will generate the needed HTML and CSS code to add a responsive iframe to your website. Included are additional settings for videos (specifically from YouTube), so it's easy to generate a responsive YoutTube embed. Choose from several predefined (standard) aspect ratios.
Bookmark This Post
James LePage
Update: Broken Video To Lottie tool was fixed Sunday Nov 28th. Tested, and working perfectly. Input a MP4, and it'll spit out a Lottie JSON. Please reach out if there are any other issues.
Are you guys able to make this something we can hook up to a website? Any API or make it downloadable and loadable on a server? We are video site and our video previews when hover are mp4 but they are pretty big. This might really make things move faster and save us! Let us know, otherwise we'd have to create a bot to upload to your site and use that forever... Thanks!
Chris,
No plans for that, but if you're referring to the video-lottie tool, you can find the code that we modified for our (easier to use) tool here: https://observablehq.com/@forresto/video-to-lottie
Hi there. Your video to lottie tool is awesome. But can you support more files other that mp4? Beacause Mp4 does not support transparent background and I wanna export lottie with transparent background. Mov, Cineform, TIFF images sequences, PNG image sequences and (Pro-Only) OpenEXR sequences support transparency.
Once again thanks!
I'll look into it. In our agency work, we've had really great success exporting from aftereffects as png and stringing together sequences with JS or jQuery
Can you put this on github?
Hey @joe what would you like on Github?