Web Tools 🔥

A list of cool, mega, awesome tools that make web development easier.

List

• Generators:

  • FFFuel:
    • FFFuel An online SVG generator for various kinds of grid patterns
  • Patterns:
    • PatternPad Design beautiful patterns from endless variations
  • Backgrounds:
    • Animated Backgrounds You can easily set a simple, elegant background animations on your site
  • Waves:
    • Get Wawes Make some waves!
  • Shadows
    • CSS Shadow Gradients Generate gradients for your shadows with pure CSS. This generator makes it easy for you.

• Free Templates:

  • Bootstrap:
    • Bootstrap Made Clean, elegant and beautiful free website templates

• Free Resources:

  • FontEnd Resource A Resource for Front-end Development
  • Free Frontend Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles.

• Libraries:

  • Loaders:
    • Whirl CSS loading animations with minimal effort!
    • CSS Loaders This is a library having a collection of different types of CSS loaders, spinners
  • Hamburgers:
    • Jonsuh's Hamburgers Tasty CSS-animated hamburgers
  • Buttons:
    • UI Buttons Collection of hand-picked free HTML and CSS button code examples. Updated as of July 2022. 100 new items.
  • Toggles:
    • MoreToggles.css A pure CSS library that provides you with a variety of nice-looking toggles.

• Colors:

  • Happy Hues See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

• Charts:

  • Charts CSS modern CSS framework. It uses CSS utility classes to style HTML elements as charts

• Others:

  • 100L5 All Online Tools in “One Box”
  • KaboomJS Javascript game programming library

• Icons:

  • Heroicons Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS
  • Feather Simply beautiful open source icons
  • Material Icons Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file
  • Bootstrap Icons Free, high quality, open source icon library with over 1,600 icons
  • Ant Design Icons Semantic vector graphics.
  • Ionicons Open source icons. Lovingly hand-crafted.
  • Lucide Beautiful & consistent icon toolkit made by the community.
  • Tabler Icons Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
  • CSS.gg Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API