---
# System prepended metadata

title: W3UI website copy

---

# W3UI website copy

## Header

```
Home
 └─┬ Components
   │ ├─ Wallet [Simple authentication and delegation]
   │ ├─ Uploader [Utilities to enable fast uploads]
   │ └─ Uploads List [Paginated listings of uploaded items]
   ├ Examples
   │ ├─ [React](https://github.com/web3-storage/w3ui/tree/main/examples/react)
   │ ├─ [React Native](https://github.com/web3-storage/w3ui/tree/main/examples/react-native)
   │ ├─ Vue
   │ └─ Solid
   ├ API Reference
   │ ├─ [React Uploader](https://github.com/web3-storage/w3ui/blob/main/docs/react-uploader.md)
   │ ├─ [React Wallet](https://github.com/web3-storage/w3ui/blob/main/docs/react-wallet.md)
   │ ├─ [Wallet Core](https://github.com/web3-storage/w3ui/blob/main/docs/wallet-core.md)
   │ └─ [Uploader Core](https://github.com/web3-storage/w3ui/blob/main/docs/uploader-core.md)
   └ [Github](https://github.com/web3-storage/w3ui) (Logo, RHS?)
```

I was envisioning these as dropdowns on hover for the sub items. Most are links back to the github repo for now but the "Components" each have their own overview page.

## Footer

* About
  * Made with ❤️ by [DAG House](https://dag.house)
  * Certified Web 3.0
  * 100% Free and Open Source
  * Licensed Apache-2.0 OR MIT

* Support
  * [Get Help](https://discord.com/channels/806902334369824788/864892166470893588)
  * [Open an Issue](https://github.com/web3-storage/w3ui/issues)

* Socials
  * [Github](https://github.com/web3-storage/w3ui)
  * [Twitter](https://twitter.com/web3-storage)
  * [Discord](https://discord.com/channels/806902334369824788/864892166470893588)

* Community
  * [Web3.Storage](https://web3.storage)
  * [NFT.Storage](https://nft.storage)
  * [IPFS](https://ipfs.io) & [Filecoin](https://filecoin.io)

## Pages

### Homepage

(LOGO)

Headless, type-safe, UI components for the next generation Web3.Storage APIs.

Build production ready apps or awesome demos for hackathons that use the Web3.Storage service for storing content addressed IPLD data on IPFS and Filecoin. Pick a supported framework or go vanilla and spin up a Web 3.0 application using _headless_ components that let _YOU_ choose the theme and interactions.

Supported frameworks: React, React Native, Vue, Solid, Svelte

(GET STARTED)

#### Components

##### Wallet

Simple UCAN based authentication. Includes registration and email verification, key creation and secure storage, as well as tools to switch between accounts and delegate abilities to other parties allowing you to build multi-tenant apps that allow your users to upload data to Web3.Storage without registration or a shared API key!

(LEARN MORE)

##### Uploader

Tools to build content addressed datastructures, serialize them and send them to the service. Automatically split large uploads into mutliple parts and send them quickly to a massively scalable IPFS blockstore for almost immediate availability from IPFS HTTP Gateways and speedy aggregation and inclusion in Filecoin deals.

(LEARN MORE)

##### Uploads List

Obtain paginated listings of items uploaded to the service, optionally filtered and sorted by multiple fields and scoped to the auth keys that were delegated capabilities to upload. Listings also include processed "insights" into data structures which may include pathing data, malware detection and search keywords.

(LEARN MORE)

#### Tutorials and Workshops

* (YOUTUBE video thumbnail)
* (YOUTUBE video thumbnail)
* (YOUTUBE video thumbnail)

### Wallet

#### Example

Toggle: (REACT|REACT NATIVE|VUE|SOLID|SVELTE)

Codepen: https://github.com/web3-storage/w3ui/tree/main/examples/react/sign-up-in etc.

### Uploader

#### Example

Toggle: (REACT|REACT NATIVE|VUE|SOLID|SVELTE)

Codepen: https://github.com/web3-storage/w3ui/tree/main/examples/react/sign-up-in etc.

### Uploads List

#### Example

Toggle: (REACT|REACT NATIVE|VUE|SOLID|SVELTE)

Codepen: https://github.com/web3-storage/w3ui/tree/main/examples/react/sign-up-in etc.
