Paper

Key Features

• Code-Native Design Canvas

  Create designs with real CSS flexbox layouts that render exactly as code. Export designs as production-ready React components with Copy as React feature, or convert to Tailwind CSS, preserving every design decision with 1:1 fidelity.

• Animated Shaders & Visual Effects

  Access a library of programmable shader effects including Mesh Gradient, Liquid Metal, Fluted Glass, Halftone, and Pulsing Border. Create motion graphics and dynamic visual effects directly on the canvas, then export as video or lightweight code.

• Integrated AI Image Tools

  Generate, edit, and enhance images within the canvas using Flux 2, OpenAI Image Edit 1.5, Nano Banana Pro, and Seedream. Remove backgrounds, upscale images, extract color palettes, and maintain full creative control throughout the process.

• Advanced Color & Typography Management

  Work with modern color spaces (sRGB, P3 gamut, OKLCH, LAB, LCH), variable fonts with custom axes, optical sizing, and comprehensive text formatting controls. Extract color palettes directly from images with a single click.

• Real-Time Team Collaboration

  Multiple team members can edit the same file simultaneously with live cursor visibility and instant updates. Add comments, mention collaborators, and share files with flexible permission controls.

• Comprehensive Export Options

  Export designs as React code, Tailwind CSS, SVG, PNG, WebP, AVIF, or MP4 video. Each export maintains the full intent of your design, whether it's interactive shaders, animations, or responsive layouts.