Share TSX code with CodeThis

TypeScript JSX for React. Props, generics, and discriminated unions preserved.

Paste TSX now

What you get

  • TSX-aware syntax highlighting via CodeMirror
  • Instant shareable link — no signup required
  • Optional expiration (7 days, 30 days, permanent)
  • Password protection for private pastes
  • Works with the REST API and MCP server
  • Rich markdown and MDC components alongside code

Common use cases for TSX pastes

  • Typed component examples
  • Generic component patterns
  • Library API docs
  • Reproductions with strict types

Example

type ButtonProps = {
  label: string
  onClick: () => void
  variant?: 'primary' | 'secondary'
}

export function Button({ label, onClick, variant = 'primary' }: ButtonProps) {
  return <button className={`btn btn-${variant}`} onClick={onClick}>{label}</button>
}

Related languages

Ready to share some TSX?