Ram Maheshwari

This VS Code extension is super useful 🔥

It lets you generate the file tree structure of your project in multiple formats like JSON, SVG, Markdown, or ASCII, with or without icons :)

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

Top 3 Animation Libraries for JavaScript in 2025 you must save 🔥

Which one’s your favorite? Let me know in the comments :)

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

Evil Charts - Beautiful & Animated Charts Evil Charts is a library of beautiful charts components that are easy to use and customize. It is built with Tailwind CSS and React. Built on top of shadcn/recharts.

Source 🔗: evilcharts.com

Wanna add high-quality charts to your frontend projects? 📊

This library has premium-looking, fully open-source charts you can drop right into your React or Nextjs apps.

Hope this helps ✅️

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

A Collaborative List Of 1400+ Public APIs For Developers A collection of public APIs for developers, categorized and crowdsourced. Animals, books, cryptocurrencies, development, music, weather and much more.

Source 🔗: publicapis.dev

This website is insane for programmers 🔥

It contains 1400+ publicly available APIs you can use to build real-world projects and sharpen your skills.

Save it for Later 🔖

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

Nur UI React and Next.js based UI library with CLI scaffolding, TS-to-JS conversion, and v0 live previews.

Source 🔗: nurui.vercel.app

This frontend components library is pure cinematic and stunning 🔥

Find beautiful, modern UI components across different categories, perfect for your frontend and React projects.

Hope this helps ✅

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

VS Code Hack 💡

Tired of typing console.log() again & again?

Set a custom shortcut like cc → console.log() when you press Tab 😎

Watch this video for step-by-step demo 📹

Follow @rammcodes.bsky.social for more 💎

#html #javascript #vscode #webdev #100daysofcode

Swapy, a simple JavaScript tool for converting any layout you have to drag-to-swap layout A simple JavaScript tool for converting any layout you have to drag-to-swap layout

Source 🔗: swapy.tahazsh.com

This JavaScript library is so awesome! 🔥

It allows you to transform elements into draggable boxes by exchanging positions with other elements :)

Hope this helps ✅️

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

Share your code to anyone using only VS Code 🔥

Hope this helps ✅️

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

Thank you so much ❤️

You might be using Google Chrome for years, but did you know this simple yet powerful trick? 🤯

Browser devtools has a built-in way to capture screenshot of webpages without any extra tools or extensions :)

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #100daysofcode

Source 🔗: cssgrid-generator.com

Wow, this tool lets you generate CSS Grid layouts visually 🔥

Simply drag on the grid, customize rows and columns, adjust gaps, and instantly get the code in multiple formats like CSS & Tailwind.

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

JavaScript Tip 💡

Use the new Object.groupBy() method to effortlessly group objects by any property in just one line!

Say goodbye to complex reduce hacks and hello to cleaner, simpler code :)

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

A quick VS Code tip 💡

Did you know you can change the position of the Command Palette?

Just drag it from the top and place it anywhere on the screen wherever it feels most natural to you :)

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode #vscode

Source 🔗: gradientscss.vercel.app

This website is a goldmine of modern gradients 🔥

Explore hundreds of stunning gradients with full customizations.

Then copy the code in your preferred format like CSS, Tailwind, SCSS, inline styles, etc.

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

This is like using GitHub on steroids 💉

Simply add the word "explain" before "github" in any repo URL, and then you can ask questions about the repo, chat with the code, and even copy the entire directory structure.

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #100daysofcode

Smooothy Smooth configurable extendable slider made for animation.

Source 🔗: smooothy.vercel.app

This JavaScript slider library is a gem for building UIs 🦄

It’s free and open-source, packed with tons of examples you can plug into your own projects.

Perfect for building smooth & snappy sliders :)

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

Source 🔗: glass3d.dev

Wanna add that stunning liquid glass effect to your CSS projects? 🧊

This free tool lets you generate the effect with tons of customization options :)

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

This VS Code extension is so powerful 🔥

It lets you draw directly inside your editor, literally sketch with your mouse.

Perfect for prototyping & planning out your project before writing code.

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #vscode #100daysofcode

A Powerful JavaScript Tip 💡

Instead of using `console.log` to inspect objects, use `console.table` for a cleaner, more readable table format! Perfect for debugging structured data effortlessly. 🔥

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode

Web Skills A visual overview of useful skills to learn as a web developer

Source 🔗: andreasbm.github.io/web-skills

This website is a goldmine for web developers!🔥

Learn everything about web dev, all organized into tons of useful categories.

Just hover over any topic to explore curated, high-quality resources.

Follow @rammcodes.bsky.social for more 💎

#html #css #javascript #reactjs #100daysofcode