home_repair_service web dev toolkit
add_circle Suggest
search
Browse
  • home Overview
  • article Blog
  • add_circle Suggest
Links
  • view_in_ar 3D 9
  • accessibility_new Accessibility 29
  • smart_toy AI/ML 22
  • animation Animation 30
  • headphones Audio 17
  • wallpaper Backgrounds 32
  • rss_feed Blogs 27
  • menu_book Books 11
  • verified Branding 15
  • business_center Business 17
  • work Career 15
  • dashboard CMS 11
  • code Code 78
  • palette Colour 38
  • groups Community 9
  • edit_note Copywriting 12
  • css CSS Generators 31
  • design_services Design 93
  • terminal Dev Tools 87
  • dns Domains & Hosting 26
  • shopping_cart eCommerce 6
  • mail Email 14
  • balance Ethics 7
  • celebration Fun 52
  • interests Icons 58
  • brush Illustrations 55
  • lightbulb Inspiration 68
  • school Learning 84
  • campaign Marketing 26
  • photo_camera Photography 22
  • image Placeholders 15
  • podcasts Podcasts 19
  • task_alt Productivity 35
  • security Security 17
  • home_storage Self-Hosted 18
  • search SEO 6
  • cloud Services 35
  • apps Software 41
  • description Templates 14
  • bug_report Testing 41
  • text_fields Typography 44
  • videocam Video 13
  • web WordPress 13

shadergradient.co

ShaderGradient

Free
Screenshot of ShaderGradient open_in_new Visit Website

Create beautiful, moving gradients for your website or design projects. Available as a Figma and Framer plugin, and as a React component.

label Backgrounds label Animation label Design
open_in_new Visit ShaderGradient arrow_back Back to Home

interests Related Links

Screenshot of Creatica

Creatica

Generate SVG Backgrounds to elevate your designs.

Freemium
open_in_new info
Screenshot of Image to Mesh Gradient

Image to Mesh Gradient

Generate beautiful gradients from colors or from a photo.

Free
open_in_new info
Screenshot of NEAT

NEAT

Beautiful gradient animations for your website.

Open Source
open_in_new info
Screenshot of Repper Patterns

Repper Patterns

100% free, high quality geometric patterns.

Freemium
open_in_new info
Screenshot of SuperDesigner Patterns

SuperDesigner Patterns

Interactive pattern generator.

Free
open_in_new info
Screenshot of Ambient Canvas Backgrounds

Ambient Canvas Backgrounds

Five ambient webpage backgrounds created using the HTML5 Canvas API and jwagner's Simplex Noise library.

Open Source
open_in_new info
Screenshot of Animated Backgrounds

Animated Backgrounds

Are you tired of boring, static backgrounds on your website or presentation? Our animated backgrounds will bring your content to life and make it stand out from the crowd. With a wide range of styles and colors to choose from, you'll find the perfect background to match your brand and message.

Free
open_in_new info
Screenshot of Envato Elements

Envato Elements

One subscription for access to 26 million+ assets. Unlimited downloads & future-proof client-friendly licensing.

Premium affiliate
open_in_new info
Screenshot of fffuel

fffuel

fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds

Free
open_in_new info
Screenshot of CSS Pattern Generator

CSS Pattern Generator

Draw your pattern on the grid. You can use the cursors to limit the drawing surface and control the tiling. Once you're done, just download the PNG (make sure to rename it and add the ".png" extension at the end) or copy the code to your CSS. And you can also get a unique URL to share with other pattern aficionados.

Free
open_in_new info
Screenshot of UI Gradients

UI Gradients

uiGradients is a community contributed collection of beautiful multi-color gradients.

Free
open_in_new info
Screenshot of Artvee

Artvee

Browse and download high-resolution, public domain artworks.

Free
open_in_new info
code
terminal
palette
brush
design_services
lightbulb
deployed_code
data_object
web
dns
api
developer_mode
database
cloud
security
analytics
integration_instructions
architecture
grid_view
dashboard
code
terminal
palette
brush
design_services
lightbulb
deployed_code
data_object
web
dns
api
developer_mode
database
cloud
security
analytics
integration_instructions
architecture
grid_view
dashboard
code
terminal
palette
brush
design_services
lightbulb
deployed_code
data_object
// but wait, there's more!

Level up your web development/design toolkit! 😄

// browse
Colour Design Accessibility Testing Dev Tools Learning Inspiration Icons Books Software Illustrations Security Backgrounds Productivity Animation Video Podcasts Fun Placeholders Code CSS Generators Typography Services Branding Domains & Hosting Blogs Photography Community Marketing Templates AI/ML Email Business Career WordPress Audio Copywriting SEO Self-Hosted 3D Ethics CMS Featured eCommerce Colour Design Accessibility Testing Dev Tools Learning Inspiration Icons Books Software Illustrations Security Backgrounds Productivity Animation Video Podcasts Fun Placeholders Code CSS Generators Typography Services Branding Domains & Hosting Blogs Photography Community Marketing Templates AI/ML Email Business Career WordPress Audio Copywriting SEO Self-Hosted 3D Ethics CMS Featured eCommerce
home_repair_service Toolkit

A curated directory of tools and resources for web developers.

Send Feedback

Powered by Ava CMS

Disclaimer: Toolkit is a curated directory of third-party resources. We are not affiliated with the listed websites and cannot guarantee the accuracy of descriptions, pricing, or availability. Always verify information directly on the source website.

info

Heads up!

You're leaving Toolkit

You're about to visit an external website. This directory is hand-picked, but listings are not endorsements and we're not affiliated with the sites linked.

Please keep in mind:

  • Information shown here (including pricing, features, availability, and labels) is provided for convenience and may be incomplete, inaccurate, or change over time
  • Third-party tools and services can evolve or be discontinued, and we can't guarantee their quality, suitability, or ongoing availability
  • Always review the provider's website for current details, terms of use, and any applicable licences before using or purchasing a product

If you notice something that looks incorrect, misleading, or outdated, we'd appreciate you letting us know so we can review it.

flag

Report a problem

// link-slug

Required so we can follow up on your report if needed.