CSS Animation Studio

What it does

CSS Animation Studio is an open source visual editor for animations. You can browse through a collection of free starter animations, step through your timeline keyframe by keyframe, determine the perfect animation timing curves, and export everything to code.

Generate CSS animations! Browse through a library of awesome CSS animations and customize them to fit your webpage!

• 
  Keyframes.app2018 · ▲160

  A timeline editor for CSS animations

• 
  Keyframes.app2020 · ▲164

  Visual editors to generate CSS for your projects 👨‍💻

• 
  CSS Studio. Design by hand, code by agentApr 2026 · cssstudio.ai · ▲175

  Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site. Technically, the way this works is you view your site in dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them. It contains a…

• 
  CSS3 animation2012 · thegoodman.cc · ▲271

  An experiment with basic CSS3 animations.

• 
  CSS Animation Cheat Sheet2014 · justinaguilar.com · ▲232

  Awesome CSS3 plugin for spiffy animations

• TA
  Tuesday, a new open-source CSS animation library2015 · shakrmedia.github.io · ▲18

• 
  Run full iOS 16.5 firmware on Android Devices▲528

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 2d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 5d ago · dev-null.sh

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 25d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 23d ago · talanoa.email

• 
  AUDR by Chargebee▲323

  Open standard for tracking agent run costs

  Dev tools · 27d ago · openaudr.dev

• 
  Wispr Flow▲2,732

  Speak naturally, write perfectly & 3x faster in every app

  AI · 2024 · wisprflow.ai

• 
  Pathway▲1,335

  Get user insights 10x faster

  Work · 2024 · wynde.io

• 
  BeforeSunset AI 2.0▲1,267

  Personalized AI daily planning that suits your life

  AI · 2024 · beforesunset.ai

• 
  Osmos▲1,194

  Match with like-minded professionals for 1:1 conversations

  Growth · 2024

• 
  Carrot Care▲1,168

  Understand & optimise your bloodwork

  Life & fun · 2024 · carrotcare.health

• 
  Polar▲1,167

  An open source monetization platform for developers

  Dev tools · 2024 · polar.sh