Hero Patterns Reviews and details

Social recommendations and mentions

• An Afternoon with SVGs | Frontend Challenge Entry

  Next I spruced up my form's visuals a bit by heading to Google Fonts and finding one that had camping vibes - eventually landing on Amatic SC. Then I had the wild idea of making the form look like a piece of paper, so that I could make the submit button fold the paper up into an envelope or paper airplane and fly off screen if it was submitted successfully (This was EXTREMELY high hopes and I didn't even get... - Source: dev.to / 28 days ago

• The 7 best plugins to use in your Tailwind project

  Tailwind-heropatterns is a plugin that makes it easy to add beautiful SVG backgrounds to your website. The backgrounds the plugin provides come from Hero Patterns, a site that provides a collection of SVG patterns you can use in your project. The plugin provides utility classes to make it convenient to use these SVG patterns. - Source: dev.to / 7 months ago

• How to generate those header beams like in the Tailwind docs?

  Not animated. I thought there might be a tool for that like https://heropatterns.com/ or so, but I couldn't find one. Source: 11 months ago

• Making an Animated Background

  The prefixed versions of the animation properties (i.e. -webkit-animation, -moz-keyframes) aren't needed anymore. The jankiness of the animating seems to be coming from separately animating 4 different images at once. I've got it down to 2 images using `conic-gradient` instead of `linear-gradient`. Although you'd probably be better off with a single SVG image (https://heropatterns.com/). Source: 11 months ago

• 7 Free Lifesaver Image Tools Every Frontend Developer Must Have In Their Arsenal 🛠️🚀

  Background generation tools, like Bg-jar and Hero Patterns, simplify the process of designing unique and eye-catching backgrounds that suit their project's aesthetic. - Source: dev.to / 11 months ago

• Does my textured background look good or dated?

  You can definitely make a nice textured background work! Though I usually prefer the style like https://heropatterns.com/. I think it is the colour scheme making these feel more dated at the moment. Source: almost 1 year ago

• SVG Backgrounds

  A similar project by the Tailwind team: https://heropatterns.com/. - Source: Hacker News / about 1 year ago

• Question regarding svg background image for website...

  Anyways, I found a svg pattern generator site, here: https://heropatterns.com/, got a simple svg to use for my background image, and dialing in the colors is easy. Source: over 1 year ago

• Where can I find graphics/illustrations like this, to make the background a bit less boring?

  I used heropatterns for similar effects. You can easily customize background and foreground colors to suit your needs. Source: over 1 year ago

• Working on a project and need to find a texture/pattern similar to this, but can't figure out what it's called. Help would be highly appreciated! Thank you!

  Go to Hero Patterns and lookup “topography” and you’ll find a repeatable svg. Source: over 1 year ago

• The 6 best CSS background generators

  Hero Patterns is the perfect tool for designers who want quick and easy access to an endless supply of beautiful patterns. The generator has a wide range of patterns from nature, animals, and more that are sure to fit any design style. All of these pre-made templates can be customized with different color schemes and the opacity of your choosing. - Source: dev.to / over 1 year ago

• List of Free Image Tools Every Frontend Developer Needs

  Do you want a simple CSS-only background for your website? Hero Patterns allows you to generate SVG files you can use directly as CSS backgrounds. Choose a pattern and select a color and opacity and you are done. I provides you with generated CSS code ready to be copy pasted. Another similar site is BG Jar. - Source: dev.to / over 1 year ago

• [BSPWM] Comfy Rice

  Thanks man. I used heropatterns to create the wallpaper. Source: almost 2 years ago

• Basic Pattern Repository - a collection of hand-made <patterns> intended to be used in inline svg.

  Also check out https://heropatterns.com/. Source: about 2 years ago