# Introduction

> Add real-time beauty, makeup, backgrounds, AR filters, games, capture, and processed camera output to mobile, cross-platform, and Web apps.

> For AI agents: the complete documentation index is at https://nosmai.com/llms/effects.txt

Product: Nosmai Effects
Group: get-started
Source: https://nosmai.com/docs/effects/introduction/

## Start building

Choose your platform and follow its quickstart to initialize the SDK, open a
processed camera preview, and apply your first visible effect.

- [iOS quickstart](/docs/effects/quickstart/ios/)
- [Android quickstart](/docs/effects/quickstart/android/)
- [Flutter quickstart](/docs/effects/quickstart/flutter/)
- [React Native quickstart](/docs/effects/quickstart/react-native/)
- [Web quickstart](/docs/effects/quickstart/web/)

If Nosmai Effects is not installed yet, start with the matching
[installation guide](/docs/effects/installation/ios/). You also need an
[app-bound license key](/docs/effects/license-key/) from Nosmai Console.

## Product capabilities

Nosmai Effects combines adjustable camera controls with protected `.nosmai`
effect packages. Your app owns its interface and media flow while the SDK
processes the camera or input frames.

| Capability | What it adds |
| --- | --- |
| Beauty and makeup | Skin retouching, face shaping, lipstick, eyeshadow, blush, lashes, and brows |
| AR effects | Face masks, stickers, particles, animated overlays, shaders, and 3D content |
| Backgrounds | Blur, colour, image, video, and authored background replacement |
| Camera games | Touch, face-driven, and package-defined input with score and state events |
| Cloud Filters | Browse, download, cache, apply, and remove protected effect packages |
| Capture and output | Processed photos, recordings, frames, textures, and live-streaming output |
| Authored stickers and overlays | Images, text, particles, and animated props included in `.nosmai` packages |

More than 200 ready-made filters are available through the Nosmai Asset Store.
They are delivered separately from the SDK binary and can be bundled with the
app or downloaded at runtime through Cloud Filters.

Read [filters and effects](/docs/effects/concepts/filters-and-effects/) for package types,
parameters, triggers, and effect lifecycle. Read [camera games](/docs/effects/concepts/camera-games/)
for input, event, lifecycle, and package behaviour.

## How it works

![Nosmai Effects processing pipeline from camera input through real-time effects to application output](/images/docs/nosmai-effects-pipeline-v2.svg)

Only the processing stages required by the active feature are enabled. Native
iOS and Android use GPU-accelerated processing, while Flutter and React Native
connect to the same native SDKs through their platform packages.

Read [how the pipeline works](/docs/effects/concepts/how-the-pipeline-works/) for frame ordering, effect
composition, and output ownership.

## Platform availability

| Platform | Current package | Status |
| --- | --- | --- |
| iOS | `NosmaiCameraSDK` `3.0.4` | Supported |
| Android | `nosmai-sdk-3.0.4.aar` | Supported |
| Flutter | `nosmai_effects_sdk` `1.0.2` | Supported |
| React Native | `@nosmai/react-native-effects-sdk` `1.0.0` | Supported |
| Web | `@nosmai/web-sdk` `0.2.0` | Developer preview |

Use [platform support](/docs/effects/platform-support/) to compare individual
features, system requirements, native artifact sizes, and release status.

## Before production

- Test camera and rendering behaviour on supported physical ARM64 devices.
- Use the final signed application ID, bundle identifier, or Web origin when
  creating the license key.
- Keep one active camera owner and release it before opening another camera
  screen.
- Test the exact `.nosmai` packages used by the application on every target
  platform.
- Measure frame rate, memory, battery, and temperature with the final effects
  and camera resolution on the intended device range.

Android native releases currently provide `arm64-v8a` only. The current iOS
framework is also intended for physical ARM64 devices and has no Simulator
slice. React Native `1.0.0` is supported for its documented compatibility
baseline. The Web developer preview does not yet provide full mobile feature
parity.

## Next steps

- [Compare platforms and features](/docs/effects/platform-support/)
- [Create and apply a license key](/docs/effects/license-key/)
- [Install the SDK](/docs/effects/installation/ios/)
- [Apply your first effect](/docs/effects/quickstart/ios/)
- [Build an interactive camera game](/docs/effects/concepts/camera-games/)
- [Troubleshoot an integration](/docs/effects/troubleshooting/)