--- title: Super Useful CSS Resources 🌈 | daily.dev description: A collection of 70 hand-picked, web-based tools which are actually useful. Each will generate pure CSS without the need for JS or any external libraries. Full... canonical: https://daily.dev/posts/super-useful-css-resources---2bztdgt6 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Super Useful CSS Resources 🌈 | daily.dev og:description: A collection of 70 hand-picked, web-based tools which are actually useful. Each will generate pure CSS without the need for JS or any external libraries. Full... og:url: https://daily.dev/posts/super-useful-css-resources---2bztdgt6 og:image: https://api.daily.dev/og/posts/_2BztdGT6.png og:image:alt: Super Useful CSS Resources 🌈 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Super Useful CSS Resources 🌈 **[Community Picks](https://daily.dev/sources/community)** · [@lissy93](https://daily.dev/lissy93) · 1 min read · 374 upvotes · 20 comments ## Summary A collection of 70 hand-picked, web-based tools which are actually useful. Each will generate pure CSS without the need for JS or any external libraries. Full credit goes to the authors behind each of these apps (where possible I've linked to their GH/ socials) The collection includes Property Generators - Animations - Backgrounds. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@lissy93** · 5 upvotes > Thanks for sharing Ahmed! > ... If anyone's got anything else to add, I do let me know and I'll update the article :) **@programmerman953** · 3 upvotes > Bookmarked 🔖 thnx ahmed **@kareemdabbeet** · 2 upvotes > @lissy93 > Another usefull tool to generate gradient text code in CSS: > > https://www.cssgradienttext.com/ **@bugintheconsole** · 1 upvotes > Boooof **@dicethedev** · 1 upvotes > Great! ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#tools](https://daily.dev/tags/tools), [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html) [View this post on daily.dev](https://daily.dev/posts/super-useful-css-resources---2bztdgt6) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Super Useful CSS Resources 🌈","url":"https://daily.dev/posts/super-useful-css-resources---2bztdgt6","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/super-useful-css-resources---2bztdgt6"},"datePublished":"2022-12-04T13:53:46.439Z","dateModified":"2023-12-07T12:02:45.284Z","description":"A collection of 70 hand-picked, web-based tools which are actually useful. Each will generate pure CSS without the need for JS or any external libraries. Full...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5382602de6698b1e99ebaa10f2637f79","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5382602de6698b1e99ebaa10f2637f79","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Alicia Sykes","url":"https://daily.dev/lissy93","image":"https://media.daily.dev/image/upload/v1670545497/avatars/avatar_fmWbO5aySW7cNpICnr4OQ.jpg","description":"Just your average dev, trying to learn new things, meet fellow coders, and have a good time :)","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":1450}},"commentCount":20,"discussionUrl":"https://daily.dev/posts/super-useful-css-resources---2bztdgt6","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":374},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":20}],"keywords":"tools,css,html","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Super Useful CSS Resources 🌈"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/super-useful-css-resources---2bztdgt6","comment":[{"@type":"Comment","text":"Thanks for sharing Ahmed!\n… If anyone’s got anything else to add, I do let me know and I’ll update the article :)","datePublished":"2022-12-04T14:29:37.857Z","url":"https://daily.dev/posts/_2BztdGT6#c-yVrK79ICH","author":{"@type":"Person","name":"Alicia Sykes","url":"https://daily.dev/lissy93","image":"https://media.daily.dev/image/upload/v1670545497/avatars/avatar_fmWbO5aySW7cNpICnr4OQ.jpg"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"Bookmarked 🔖 thnx ahmed","datePublished":"2022-12-04T17:07:19.151Z","url":"https://daily.dev/posts/_2BztdGT6#c-ggLP_vo7u","author":{"@type":"Person","name":"Johnson","url":"https://daily.dev/programmerman953","image":"https://media.daily.dev/image/upload/s--O0TOmw4y--/f_auto/v1715772965/public/noProfile"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"@lissy93\nAnother usefull tool to generate gradient text code in CSS:\nhttps://www.cssgradienttext.com/","datePublished":"2022-12-14T08:17:16.434Z","dateModified":"2022-12-14T08:17:45.726Z","url":"https://daily.dev/posts/_2BztdGT6#c-dfMIp-7A3","author":{"@type":"Person","name":"Kareem Dabbeet","url":"https://daily.dev/kareemdabbeet","image":"https://avatars.githubusercontent.com/u/42810389?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Boooof","datePublished":"2022-12-05T22:29:34.685Z","url":"https://daily.dev/posts/_2BztdGT6#c-td1FX1yT0","author":{"@type":"Person","name":"José Israel Díaz Zapata","url":"https://daily.dev/bugintheconsole","image":"https://avatars.githubusercontent.com/u/67303431?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Great!","datePublished":"2022-12-05T22:06:00.939Z","url":"https://daily.dev/posts/_2BztdGT6#c-VESC5SFWS","author":{"@type":"Person","name":"Blessing Samuel","url":"https://daily.dev/dicethedev","image":"https://lh3.googleusercontent.com/a/ALm5wu2ZMzqawd1-VFV9spjofrrbXsoNWNTlWQuNKrGu=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```