Alternatives

Products that do what My Fast CSS Sprite Generator does

I've been working on a CSS Sprite generator for a couple of weeks in my spare time. It uses HTML Canvas and JavaScript FileReader to open local images without any zipping or uploads, and tries to make the CSS generation as easy as possible. I made it because it is a tool that I wanted to have, and I am hoping to get some feedback from others now that it is functional. http://instantsprite.com

1. 1CS
   CSS Speedrun – A small game to test and improve your CSS knowledge▲213

   2022 · css-speedrun.netlify.app

2. 2
   CSS Gradient Generator▲237

   Generate and make beautiful colors

   2024

3. 3
   CSS Color Gradient Generator▲208

   A novel and easy way to design beautiful color gradients.

   2020

4. 4
   Stitches▲135

   A template generator with functional CSS

   2018

5. 5
   CSS Wand▲329

   Easy copy-paste beautiful CSS animations

   2019

6. 6AL
   A little tool to generate CSS for bits of a spritesheet▲6

   Interested to hear bugs reports & feature ideas!

   2011 · spritecow.com

7. 7
   CSS Grid Generator▲305

   Simple tool to generate css grids

   2019

8. 8
   SVG Background Generator▲296

   Customize, scalable backgrounds and patterns for free

   2018

9. 9
   Dark CSS Generator▲147

   Generate ready to use dark CSS files for your website

   2020

10. 10
    EnjoyCSS▲138

    CSS generator for rich graphical styles without coding

    2014

11. 11
    Blend▲263

    Generate simple and beautiful CSS3 gradients

    2015

12. 12
    Gradient Shadows▲81

    CSS gradient shadows generator

    2022

13. 13
    colorSS▲98

    Generate random CSS color palettes and get inspired

    2022

14. 14
    CryPixels▲84

    Procedural Sprite Generator

    2018

15. 15
    htmlcss.tools▲130

    Your ultimate HTML & CSS code generator

    2023

16. 16GC
    Gif2sprite – Convert animated GIFs to image sprites and CSS▲26

    2013 · gif2sprite.com

17. 17
    Tailwind CSS Gradient Generator▲110

    Awesome open-source gradient tool for web designers

    2022

18. 18
    Aseprite▲116

    Animated sprite editor and pixel art tool

    2017

19. 19
    Simple text gradients generator▲86

    Generate text gradients CSS and use it your project.

    2021

20. 20
    GoodWay Sprite Generator▲99

    Magically transform Figma icons into sprite sheets with JSON

    2024

21. 21GS
    Generate Skeletons for Tailwind CSS▲7

    Hey HN! I was tired of wasting time making my apps prettier, so I created this little tool. Using the Tailwind CSS library, the generator takes the code you paste in and creates the HTML code for the page structure. It's a simple tool, but it could be a helpful time-saver for people who don't want to spend the time manually coding in the HTML. Let me know what you think and feel free to offer any suggestions.

    2023 · skeletongenerator.com

22. 22CG
    CSS Generator Tool – Handy CSS Generation and Demonstration▲7

    2017 · cssgenerator.org

23. 23CB
    CSS Buttons Generator for your pleasure▲40

    2012 · dextronet.com

24. 24AW
    Animated Watch Illustrations with CSS3 and SVG▲41

    I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.

    2013 · wrist.im

Ranked by how close each launch is in meaning, then by votes. Refine with a description →