Faktion UI

A custom UI library for Faktion.

combobox

A combobox component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/combobox.json

multi-combobox

A multi combobox component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/multi-combobox.json

fab

A floating action button component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/fab.json

notification

A notification component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/notification.json

toggle

A toggle component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/toggle.json

rating

A rating component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/rating.json

color-picker

A color picker component

Open in
%
pnpm dlx shadcn@latest add https://ui.faktion.com/r/color-picker.json

dropzone

A dropzone component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/dropzone.json

radio-group

A radio group component

Open in
Vertical
Horizontal
pnpm dlx shadcn@latest add https://ui.faktion.com/r/radio-group.json

checkbox-group

A checkbox group component

Open in
Vertical
Horizontal
pnpm dlx shadcn@latest add https://ui.faktion.com/r/checkbox-group.json

country-combobox

A country combobox component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/country-combobox.json

language-combobox

A language combobox component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/language-combobox.json

branch

A branch component

Open in
Hello
pnpm dlx shadcn@latest add https://ui.faktion.com/r/branch.json

code-block

A code block component

Open in 
const hello = () => console.log('Hello World!');
pnpm dlx shadcn@latest add https://ui.faktion.com/r/code-block.json

conversation

A conversation component

Open in
Hello there

Aah, Hello Kenobi

pnpm dlx shadcn@latest add https://ui.faktion.com/r/conversation.json

image

An image component

Open in
Can not display image component. This component can render generated AI images.See ai-elements
pnpm dlx shadcn@latest add https://ui.faktion.com/r/image.json

inline-citation

An inline citation component

Open in
Faktion is an AI product studio that helps you build AI-powered products.
faktion.com 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/inline-citation.json

loader

A loader component

Open in
Loader
Loader
pnpm dlx shadcn@latest add https://ui.faktion.com/r/loader.json

message

A message component

Open in
As
I'm here to assist you with any questions or tasks you might have.
Us
Hello! How can I help you today?
pnpm dlx shadcn@latest add https://ui.faktion.com/r/message.json

prompt-input

A prompt input component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/prompt-input.json

reasoning

A reasoning component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/reasoning.json

response

A response component

Open in

Hi there. I am an AI model designed to help you. I am rendered markdown.

Header 1

pnpm dlx shadcn@latest add https://ui.faktion.com/r/response.json

sources

A source component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/sources.json

status

A status component

Open in
Online
Offline
pnpm dlx shadcn@latest add https://ui.faktion.com/r/status.json

suggestion

A suggestion component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/suggestion.json

task

A task component

Open in

Found project files

Read
index.md
pnpm dlx shadcn@latest add https://ui.faktion.com/r/task.json

tool

A tool component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/tool.json

web-preview

A web preview component

Open in 
pnpm dlx shadcn@latest add https://ui.faktion.com/r/web-preview.json