Jakubantalik/transitions.dev

Source
GitHub
First trending
Category
Design and UI
GitHub stars
4,672
Main language
HTML
Website
transitions.dev (opens in a new tab)

This page introduces an external open-source repository. It is not an HDATF product.

Jakubantalik/transitions.dev

What it does

transitions.dev is a repository that combines a collection of CSS transitions for web interfaces with a CLI that adds them to projects, a skill for coding agents, and transitions-agent, which checks interface motion. Its main users are front-end developers who want consistent screen transitions and animations, and people who build interfaces with coding agents such as Claude Code or Cursor. Each transition is provided as a copy-ready CSS snippet with :root custom properties, t- prefixed classes and prefers-reduced-motion handling. The transitions-dev CLI (MIT, Node 18 or later) adds and lists free transitions without an account, while Pro transitions are downloaded from api.transitions.dev after a device sign-in, with entitlement checked on every download. transitions-agent (MIT) scans interface code locally with 11 rules and gives a motion score from 0 to 100, and its GitHub Action posts a score comment on a PR and then opens a fix PR against that PR branch. The fix command sends the affected files to a hosted fix service, shows the changes Claude generates as a diff first, writes them to files only after the user approves, and is described as limited to CSS transitions and animation guards. The free sign-up tier offers unlimited scans and Action runs, unlimited fixes through the user's own Claude Code or Cursor, and up to 10 hosted fixes a month and 2 a day, while the Business plan at 59 dollars a month includes 5 Pro seats and 200 fixes a month. The custom Transitions.dev License allows modifying and shipping in personal and commercial projects and forbids redistribution as a competing library, and company use of Pro transitions or paid Agent features needs a Business seat for each person. The CLI and agent tooling are MIT, and GitHub's NOASSERTION license label appears to come from this custom license. Transition counts differ across sources, with 12 in the README table, 18 in the README text, 43 or more in the repository description, and 32 free plus 11 Pro in the agent document, so the actual number should be counted directly, and because hosted fixes send code to an outside service, the scope of files to send should be set before using it on company code.

License

Custom license Custom or non-standard license. Read the license file before any reuse.

More in this category

  • CopilotKit/OpenIntelligentUI
    OpenIntelligentUI is a chat application and development foundation that answers with text, tables, and interactive interfaces. It targets developers offering explanations, comparisons, and small tools within conversations. A Python agent processes the request and streams results through CopilotKit and AG-UI to the browser. Jev selects the presentation, using A2UI for basic tables and sandboxed HTML, CSS, and JavaScript for richer visuals and calculators. Controls can send selected values into a follow-up request, but the documentation provides no API for directly patching a previous output from another call. Requirements include Node.js 22+, pnpm 9+, Python 3.12+, uv, and separate OpenAI and Jev keys. Visitor keys remain in browser memory but pass through the application server to providers, so the deployment operator must be trusted. The inspected query_data source returns the entire sample CSV without query filtering or live company data access. Conversation checkpoints live in process memory and are not durable across restarts or shared across multiple servers.
  • storytold/vectorcraft
    VectorCraft is a Rust vector illustration editor for designers working with paths, text, layers and multiple artboards. It opens its JSON-based native document format, SVG and PDF, including PDF-compatible Illustrator files, and exports vector or raster artwork. Geometry operations, live appearances and a separate rendering engine let users edit shapes without making the interface itself the document model. The CLI and MCP, a tool connection protocol for agents, expose drawing commands, document inspection and rendered previews in either headless or connected desktop mode. The current Cargo manifest specifies Rust 1.95, while desktop targets include macOS, Windows, Linux and FreeBSD and the browser build uses WebAssembly. Japanese fonts can come from the optional shared font repository, with installed system fonts used when that input is absent on desktop. The README still identifies gaps in advanced effects, CJK vertical composition, interaction fidelity and Windows/Linux packaging rather than promising full Illustrator parity. The MCP documentation separately warns that progress notifications, in-flight cancellation and resource subscriptions are unimplemented, and rendering speed claims have not been independently reproduced here.
  • kargulstudio/sales-crm
    The README describes a Next.js 16, React 19 and Tailwind CSS 4 starter. Includes scripts for AVIF image conversion and poster generation from video and Rive files.
  • lism-css/core
    A lightweight CSS design framework for building website layouts, drawing on the layout primitives and harmonic modular scaling of Every Layout and on the single property utility classes of Tailwind CSS. The whole CSS is about thirty kilobytes, it runs from a CDN or npm with no build step or configuration, it organises rules with CSS layers, and it ships React and Astro components whose props become classes and custom properties.
  • devdotfast/whiteboard
    A desktop canvas where people and coding agents design software together. An SDK lets agents draw explanations of their work in the shared workspace.

Only repositories in the ranked Trendshift lists are included, and the lists are used only to find candidates. We do not copy their ranks. Descriptions, licenses and star counts come from each GitHub repository. The notes are our own reading. We have not tested these projects, and a place on a trending list does not prove quality.

View on GitHub (opens in a new tab)