Ray Group

Component kit

Trading UI Kit

Drop-in React + TypeScript + Tailwind components for trading surfaces — slippage controls, order forms, leverage selectors, confirmation modals — each one implementing a named bias-resistant pattern.

One-time purchase

  • DeFi UX MCP Pro included ($29/mo value) — the pattern corpus the components implement, queryable from your AI client.
  • Typed, self-contained components: slippage control, order form, leverage selector, position table, fee breakdown, confirmation modal, price-impact warning, error states.
  • Design notes mapping every component decision to a rubric area and named pattern.
  • Theme tokens and shared types — restyle to your design system.
  • Lifetime library access — updates included. Download everything as a zip.

Pay once. We email an access token. Sign in anytime at raygroup.uk/access.

Before you buy.

How do I access the files?
Immediately after payment Stripe sends a receipt and we email an access token. Open raygroup.uk/access, paste the token, and browse or copy every file.
Do I get updates?
Yes. When we improve the kit, your token keeps working — refresh the library to see new files.
Can my team share one purchase?
One token per purchase is intended for one organisation. Contact us for team licensing if you need multiple seats.
Refunds?
14-day refund if you have not downloaded or copied the library files. Reply to your purchase email.