# Sample apps

See working apps from design to code.

Many sample apps are available [on GitHub](https://github.com/stripe/stripe-apps/tree/main/examples) or as design files [in our Figma UI toolkit](https://www.figma.com/community/file/1105918844720321397). Use these as a starting point for your own app.

## Complete sample app 

SuperTodo is a complete to-do list app you can [download from GitHub](https://github.com/stripe/stripe-apps/tree/main/examples/super-todo). It demonstrates:

- A [frontend-only app](https://docs.stripe.com/stripe-apps/how-stripe-apps-work.md#frontend-only-applications) that integrates with the Stripe API
- UI components, including [List](https://docs.stripe.com/stripe-apps/components/list.md), [Tab](https://docs.stripe.com/stripe-apps/components/tabs.md), and [Button](https://docs.stripe.com/stripe-apps/components/button.md)
- Design patterns, including [Action buttons](https://docs.stripe.com/stripe-apps/patterns/action-buttons.md) and [Communicating state](https://docs.stripe.com/stripe-apps/patterns/communicating-state.md)
![Screens from the SuperTodo example app](https://b.stripecdn.com/docs-statics-srv/assets/supertodo.2647da490dc734af24defeb13356d902.png)

The SuperTodo example app shows you how to use lists, tabs, buttons, a creation screen, and a confirmation message

## Sample design files 

Our [Figma UI toolkit](https://www.figma.com/community/file/1105918844720321397) includes design examples for SuperTodo and five other sample apps. Use these to see our [design patterns](https://docs.stripe.com/stripe-apps/patterns.md) and [UI components](https://docs.stripe.com/stripe-apps/components.md) in action.
![All example apps side by side](https://b.stripecdn.com/docs-statics-srv/assets/app-examples.2b959be2502e11b7200649303a9096c1.png)

Example apps you can use to get started

## Minimal samples 

These samples on GitHub demonstrate specific techniques. They don’t come with design files, and they might need additional features to be useful:

|  |
|  |
| [Basic auth](https://github.com/stripe/stripe-apps/tree/main/examples/basic-auth)                 | Authenticate with OAuth2                                                                                                        |
| [Climate](https://github.com/stripe/stripe-apps/tree/main/examples/climate)                       | Link to [Stripe Climate](https://www.stripe.com/climate) in your app                                                            |
| [Dropbox OAuth PKCE](https://github.com/stripe/stripe-apps/tree/main/examples/dropbox-oauth-pkce) | Retrieve an OAuth token from Dropbox and set it in the [Secret Store API](https://docs.stripe.com/stripe-apps/store-secrets.md) |
| [GitHub OAuth](https://github.com/stripe/stripe-apps/tree/main/examples/github-oauth)             | Authenticate with GitHub using OAuth                                                                                            |
| [Messaging](https://github.com/stripe/stripe-apps/tree/main/examples/messaging)                   | Display recent messages from a customer                                                                                         |
| [Settings View](https://github.com/stripe/stripe-apps/tree/main/examples/settings-view)           | Save application settings in the [Secret Store API](https://docs.stripe.com/stripe-apps/store-secrets.md)                       |