NOPE Crisis Resources Widget

Embeddable crisis resources with severity-aware presentation

Interactive Demo

Configure and preview the widget in real-time

Presentation Mode

Single resource, maximum focus

Theme

Concern Area Filters resources by issue type

Country

Show country picker Show dismiss button

Embed Code

<iframe
  src="https://widget.nope.net/resources?country=US&mode=hero&theme=light&picker=true&scopes=suicide%2Cself_harm%2Ccrisis"
  width="100%"
  height="400"
  frameborder="0"
></iframe>

Example Configurations

Click any example to see it in action

hero

Critical Crisis (Hero Mode)

Single prominent resource for urgent situations

Open preview →focused

High Severity (Focused Mode)

Hero resource with alternatives

Open preview →full

General Support (Full Mode)

Complete two-tier resource list

Open preview →scoped

Domestic Violence Resources

Scoped to domestic violence support

Open preview →population

Youth-Focused

Resources for young people

Open preview →theme

Dark Theme

Widget with dark theme

Open preview →compact

Compact Mode

For smaller containers

Open preview →minimal

No Country Picker

Pre-set country, no picker shown

Open preview →

Presentation Modes

The widget adapts its presentation based on crisis severity

🎯

Hero Mode

Single prominent resource with large call-to-action. Minimal distractions for critical situations.

Used for: critical/high severity + emergency/urgent
Shows: ONE resource prominently
Goal: Immediate action

See example →

📋

Focused Mode

Hero resource plus 2 compact alternatives. Balance between urgency and choice.

Used for: high severity, or moderate + urgent
Shows: Hero + 2 alternatives
Goal: Primary action with backup options

See example →

📚

Full Mode

Complete two-tier display with primary resources and collapsible "Other support" section.

Used for: mild/moderate severity
Shows: All relevant resources
Goal: Comprehensive options

See example →

URL Parameters

Configure the widget via URL parameters

Parameter	Values	Description
`country`	`US`, `GB`, `auto`, etc.	Country code or 'auto' for IP detection
`mode`	`hero`, `focused`, `full`	Force presentation mode
`severity`	`none` → `critical`	Risk severity (auto-selects mode if no mode param)
`imminence`	`chronic` → `emergency`	Risk imminence (affects mode selection)
`scopes`	`suicide`, `domestic_violence`, etc.	Filter resources by issue type (comma-separated)
`theme`	`light`, `dark`, `auto`	Color theme
`picker`	`true`, `false`	Show/hide country picker
`compact`	`true`, `false`	Compact mode for small containers