--- title: cattocss - CSS Animations Library | daily.dev description: Cattocss is a CSS animations library online where you can use the source code without installing dependencies in your web project. The fastest way to record... canonical: https://daily.dev/posts/cattocss---css-animations-library-3e1hugh7k twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: cattocss - CSS Animations Library | daily.dev og:description: Cattocss is a CSS animations library online where you can use the source code without installing dependencies in your web project. The fastest way to record... og:url: https://daily.dev/posts/cattocss---css-animations-library-3e1hugh7k og:image: https://api.daily.dev/og/posts/3E1hugh7K.png og:image:alt: cattocss - CSS Animations Library 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. # cattocss - CSS Animations Library **[Product Hunt](https://daily.dev/sources/ph)** · 1 min read · 130 upvotes · 7 comments ## Summary Cattocss is a CSS animations library online where you can use the source code without installing dependencies in your web project. The fastest way to record and share videos at work is cattOCss's first launch. It is not rated yet. ## 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. **@codeystein** · 1 upvotes > Animations really add something to your site, deffenetly need to try this out! **@saschabochum** · 1 upvotes > Cool one! **@nownow75** · 0 upvotes > Really useful and simple **@miles8899** · 0 upvotes > awesome **@omarxk** · 0 upvotes > I like it, it's a good animation. --- Tags: [#tools](https://daily.dev/tags/tools), [#css](https://daily.dev/tags/css), [#community](https://daily.dev/tags/community), [#productivity](https://daily.dev/tags/productivity), [#web3](https://daily.dev/tags/web3), [#ui-design](https://daily.dev/tags/ui-design) [View this post on daily.dev](https://daily.dev/posts/cattocss---css-animations-library-3e1hugh7k) ```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":"cattocss - CSS Animations Library","url":"https://daily.dev/posts/cattocss---css-animations-library-3e1hugh7k","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/cattocss---css-animations-library-3e1hugh7k"},"datePublished":"2022-12-20T08:18:24.184Z","dateModified":"2022-12-20T08:18:24.096Z","description":"Cattocss is a CSS animations library online where you can use the source code without installing dependencies in your web project. The fastest way to record...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/70d24542c6a4116f5f97b734a35dc578","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/70d24542c6a4116f5f97b734a35dc578","isAccessibleForFree":true,"articleSection":"Product Hunt","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":"Organization","name":"Product Hunt","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ph","url":"https://daily.dev/sources/ph"},"commentCount":7,"discussionUrl":"https://daily.dev/posts/cattocss---css-animations-library-3e1hugh7k","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":130},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":7}],"keywords":"tools,css,community,productivity,web3,ui-design","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Product Hunt","item":"https://daily.dev/sources/ph"},{"@type":"ListItem","position":3,"name":"cattocss - CSS Animations Library"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/cattocss---css-animations-library-3e1hugh7k","comment":[{"@type":"Comment","text":"Animations really add something to your site, deffenetly need to try this out!","datePublished":"2022-12-24T19:02:26.696Z","url":"https://daily.dev/posts/3E1hugh7K#c-2h5ikzx6S","author":{"@type":"Person","name":"codeyStein","url":"https://daily.dev/codeystein","image":"https://avatars.githubusercontent.com/u/97049247?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Cool one!","datePublished":"2022-12-22T17:05:37.741Z","url":"https://daily.dev/posts/3E1hugh7K#c-Nvt7qGLHa","author":{"@type":"Person","name":"Sascha Bajonczak","url":"https://daily.dev/saschabochum","image":"https://lh3.googleusercontent.com/a/AEdFTp65tnmQ7cEn6fFB9XN_2x306Uo64sJghhxnc_k9ww=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Really useful and simple","datePublished":"2024-12-25T02:34:38.692Z","url":"https://daily.dev/posts/3E1hugh7K#c-7PEA29NKo","author":{"@type":"Person","name":"NOW now","url":"https://daily.dev/nownow75","image":"https://lh3.googleusercontent.com/a/ACg8ocICwBsC-ljy8am6LRrAiGGVT2t366YrrMG5zgC47IgjI9D5A28=s96-c"}},{"@type":"Comment","text":"awesome","datePublished":"2022-12-23T01:36:34.336Z","url":"https://daily.dev/posts/3E1hugh7K#c-owEj2iNbR","author":{"@type":"Person","name":"miles","url":"https://daily.dev/miles8899","image":"https://lh3.googleusercontent.com/a/ALm5wu30lxI_3GCPQXxBe35h0JQACXOmDXAICct1oGwp=s96-c"}},{"@type":"Comment","text":"I like it, it’s a good animation.","datePublished":"2023-01-10T21:46:46.080Z","url":"https://daily.dev/posts/3E1hugh7K#c-MdBDHfYC8","author":{"@type":"Person","name":"Omar Núñez","url":"https://daily.dev/omarxk","image":"https://lh3.googleusercontent.com/a-/AFdZucpV3MRDuYpfjo8mmuV3zNj3rzLshHTZ1730q8aEeA=s100"}}]} ```