Appearance
Welcome to Flux UI
Introducing Flux UI, the ultimate collection of web components for all you Flux fanatics out there! Whether you're a seasoned developer or a newbie just getting started, this UI library has everything you need to create stunning apps for your Flux communities.
With Flux UI you get:
- A collection of the most commonly used UI components for app development
- A comprehensive set of CSS variables to customize your app's look and feel
- Built on web components making the UI elements work in any framework (Vue, React, Svelte, etc)
- A selection of awesome themes, and the possibility to make your own
Here is a minimal example of how you could compose a simple chat message with Flux UI:
html
<j-flex gap="300">
<j-box>
<j-avatar size="sm" hash="did:1234"></j-avatar>
</j-box>
<j-box>
<j-box bg="primary-200" px="400" py="300" radius="md">
Sure, I'll be there soon!
</j-box>
<j-text size="300" color="ui-400">
<j-flex a="center" gap="200">
<j-timestamp relative value="04/01/2023"></j-timestamp>
<j-icon name="check-all" size="sm" color="success-300"></j-icon>
</j-flex>
</j-text>
</j-box>
</j-flex>
TIP
Try our Playground to use AI to compose components like this for your application.