Ray Group
← All products
Instant accessComponent library

Disclose risk with severity banners, scroll-to-confirm modals, versioned consent, and audit-trail events ready for compliance review.

Pre-built, accessible, regulator-aware UI components for risk disclosure - across crypto (MiCA), insurance (FCA), and trading (MiFID) products.

View pricingSee the previews

Component preview · RiskBanner · severity tiers

Info

This product is regulated by the FCA. Your funds are protected by the Financial Services Compensation Scheme up to £85,000.

Warning

High-leverage position. At 10× leverage, a 10% adverse move liquidates your entire margin. You may lose more than your deposit.

Critical

Margin call: top up within 4 hours. Your maintenance margin has fallen below the threshold. Add collateral or your position will be liquidated at 14:32 UTC.

Component preview · ConsentAcceptance · versioned

Updated terms of service

  • Clarified pet-insurance excess language (§4) so it's readable at GCSE level.
  • Updated FCA-required risk warnings (§7) to match Consumer Duty wording.
I accept v3.4

Live previews

Four components, ready for compliance review.

Static previews of four of the six components in the kit - the ones that decide whether your next disclosure round gets signed off the first time.

See the components live

Component preview · RiskBanner · severity tiers

One banner, four severity tiers.

Consistent severity scale across products. Each tier emits a typed audit-trail event when shown, dismissed, or actioned.

  • InfoThis product is regulated by the FCA. Your funds are protected by the Financial Services Compensation Scheme up to £85,000.
  • CautionSuitability check required. This product is intended for sophisticated investors. Complete the 6-question check to continue.
  • WarningHigh-leverage position. At 10× leverage, a 10% adverse move liquidates your entire margin. You may lose more than your deposit.
  • CriticalMargin call: top up within 4 hours. Your maintenance margin has fallen below the threshold. Add collateral or your position will be liquidated at 14:32 UTC.

Component preview · DisclosureModal · scroll-to-confirm

About this product

FCA Consumer DutyMiCA Art. 13

Section 3 of 6 · Key risks

The value of this product can fall as well as rise. Crypto-assets are highly volatile, and past performance is not a reliable indicator of future results. You may lose all of the funds you commit to this product.

This product uses leverage, which can magnify both gains and losses. You should not invest more than you can afford to lose. Tax treatment depends on your circumstances and may change. Seek independent advice if you are unsure.

Reading progress56%

Component preview · SuitabilityQuestion

Sophisticated investor check

Question 3 of 6

How much of your liquid net worth would this investment represent?

  • Less than 1%
  • Between 1% and 5%
  • Between 5% and 10%
  • More than 10%

Why we ask

The FCA recommends a 10% concentration cap for restricted mass-market investments. We use your answer to surface the right risk warnings - and we explain why, we don't just ask.

Component preview · ConsentAcceptance · versioned

Updated terms of service

v3.4 · 12 Jun 2026

Last accepted: v3.2 · 14 Mar 2026

What's changed - plain English

  • Clarified pet-insurance excess language (§4) so it's readable at GCSE level.
  • Updated FCA-required risk warnings (§7) to match Consumer Duty wording.
  • Removed the obsolete data-sharing clause (§12). No third parties affected.

Read the full v3.4 (PDF) or see the v3.2 → v3.4 diff.

Audit-trail event on accept

{
  "event": "terms_accepted",
  "version": "3.4",
  "previous": "3.2",
  "user_id": "u_8K7…2c",
  "ts": "2026-06-12T15:41:22Z",
  "ip_hash": "9f7a…",
  "client": "web/2.18.3"
}

Forwarded to your compliance log of choice on accept.

Cooling-off (14 days) auto-applied for new clauses flagged ⚠.

Static previews. The live components - themable, accessible, with typed audit-trail events - are in the library the moment you buy. None of this is legal advice.

What it is

A set of accessible, themable React components for regulatory-aware risk disclosure - risk warnings, disclosure modals, comprehension checks, consent capture, cooling-off gates, an appropriateness quiz, and leverage disclosure - reasoned through MiCA, FCA, and MiFID II disclosure principles, with a typed audit-trail event on every interaction. DeFi UX MCP Pro ($29/mo value) is included.

How it works

Pay once, get instant email access to the library. Copy src/ into your app, theme the components to your design system, and forward the built-in audit-trail events to your compliance log - then have your own compliance team or counsel sign off on the specific wording.

Why it's worth it

You stop redesigning the same disclosure modal every quarter and start compliance review from a serious, accessible baseline with an audit trail built in - design components, not legal advice; final sign-off stays with your compliance team.

Why a kit

Stop redesigning the same disclosure modal every quarter.

Risk disclosure is a problem most product teams solve from scratch every time, then have it sent back by their compliance team for the same five reasons. The kit is a consolidated set of accessible, themable, audit-friendly components for the flows compliance teams keep sending back.

Regulatory frameworks

Patterns reasoned through real frameworks.

MiCA

EU Markets in Crypto-Assets Regulation. Crypto-specific disclosure, risk warnings, and white-paper requirements.

FCA

UK Financial Conduct Authority. Consumer Duty, risk warnings, financial promotions rules.

MiFID II

EU Markets in Financial Instruments Directive II. Suitability, appropriateness, and best-execution disclosures.

The kit is a starting point, not legal advice. Final regulatory sign-off is your compliance team's.

What's in the kit

Disclosures, warnings, suitability, consent.

Risk warning banners

Persistent and dismissible banners covering high-volatility, low-liquidity, leverage disclosure, and product-specific warnings - with consistent severity tiers.

Disclosure modals

Long-form disclosure modals with scroll-to-confirm, attention checks, and audit-friendly event hooks for compliance review.

Comprehension checks & appropriateness quiz

Composable question components for comprehension checks, appropriateness quizzes, and sophisticated-investor gates - users answer before they proceed, and every answer emits an audit event.

Consent & terms acceptance

Versioned terms-acceptance components with timestamped consent records, granular consent flows, and plain-language summaries above the legal text.

Cooling-off and reconfirmation

Reusable cool-off period components for reversible product actions, plus reconfirmation prompts before high-impact transactions.

Audit-trail events

Type-safe event emission for every disclosure interaction, ready to forward to your compliance log of choice.

Frequently asked

About the kit.

Is this legal advice?
No. The components are reasoned-through interface patterns drawn from regulations and from compliance review in regulated product work. They are not legal advice and do not constitute regulatory approval. You'll still need your own compliance team or external counsel to sign off on what you ship - but you'll be signing off on something that's already a thoughtful starting point, not a blank slate.
Which frameworks are covered?
MiCA (EU crypto), FCA (UK financial services, Consumer Duty), and MiFID II (EU markets / suitability) at launch. We're explicitly not trying to be exhaustive - these are the frameworks the kit is designed around. Components are framework-agnostic where possible; framework-specific where it matters.
Open source or paid?
One-time purchase for your organisation - no subscription, no per-seat fees. See the pricing page for the current USD price; DeFi UX MCP Pro is included, and team licensing across multiple organisations is available on request. 14-day refund if you have not used the library.
Will it integrate with my existing design system?
Yes. The components are built in React + Tailwind with all visual primitives exposed as design tokens, so you can theme to match your existing system rather than fighting it.
Will you customise components for our specific compliance requirements?
Bespoke compliance-UI work is a separate Ray Group engagement. The kit gives you a serious head-start; engagement-level work is the right route for product-specific requirements that go beyond it.

Get access

Pay once. Start compliance review from a real baseline.

No waitlist. After checkout you receive an email with a library link, access token, and your DeFi UX MCP Pro key. Copy the components in, wire the audit events, and bring your compliance team a working baseline - not a blank page.

View pricingAlready purchased? Sign in