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.

• 
  Keyframes.app2018 · ▲160

  A timeline editor for CSS animations

• 
  Keyframes.app2020 · ▲164

  Visual editors to generate CSS for your projects 👨‍💻

• 
  CSS Wand2019 · ▲329

  Easy copy-paste beautiful CSS animations

• CS
  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…

• 
  Motionity2022 · ▲470

  The web-based motion graphics editor for everyone

• 
  CSS Animation Cheat Sheet2014 · ▲232

  Awesome CSS3 plugin for spiffy animations

• 
  Dograh▲592

  The open source VAPI alternative

  Dev tools · 28d ago · dograh.com

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 23d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 14d ago · x1.new

• 
  Open-Source eInk Bike Computer▲419

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 4d ago · opentrailpaper.com

• 
  Nuphos▲380

  The AI-Native DevOps Workspace.

  Dev tools · 27d ago · nuphos.ai

• 
  Lettertrace▲375

  Track your AI visibility for free (using your own API keys!)

  Dev tools · 28d ago · lettertrace.com

• 
  Wispr Flow▲2,737

  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

• 
  Polar▲1,169

  An open source monetization platform for developers

  Dev tools · 2024 · polar.sh

• 
  Carrot Care▲1,167

  Understand & optimise your bloodwork

  Life & fun · 2024 · carrotcare.health