๐งฉUI components
Bullet Launch comes with a large number of UI components ready to use, including workflows, states, custom events and other functionality.
โ
Admin - Charts
Charts for the admin dashboard.

โ
Admin: Section - App settings
A section dedicated to app settings within the admin panel, for configuring and managing app-wide settings.

โ
Admin - Mini Menu - Users
A compact administrative menu specific to user management tasks like add, edit, or delete users.

โ
Admin: Table - Users
A detailed table layout within the admin section for displaying and managing user accounts.

โ๏ธ Input: Dropdown
A dropdown input field for forms, allowing selection from a list of options.

โ๏ธ Input: Custom dropdown with add item

Setup guide here: https://www.loom.com/share/08edb0ad4eea4abf80f176061a021b23?sid=53a3500e-03b0-44c7-94f7-007ede3ec23b
โ๏ธ Input: Image uploader
A tool for users to upload images, commonly used in profile settings or content uploads.

โ๏ธ Input: Multiline input
A text input field for longer, multiline text entries, such as descriptions or messages.

โ๏ธ Input: Star rating
An interactive element for users to rate items or services using a star system.

โ๏ธ Input: File uploader
Allows users to upload files, typically for document storage, profile pictures, or attachment uploads.

โ๏ธ Input: Multidropdown
A form element that lets users select multiple options from a dropdown list, useful for fields requiring multiple choices.

โ๏ธ Input: Search input
A search bar that allows users to input text to query and filter through data or content in the app.

โ๏ธ Input: Text input
A basic text field for user input, applicable for forms, search bars, and data entry.

๐จ Styles: Inputs
Design styles that define the appearance of various input fields across the app.

๐จ Styles: Text
A set of predefined text styles to ensure consistent typography throughout the app.

๐ผ๏ธ Layout: Header - Marketing Site
The header component for marketing or landing pages, including navigation and branding elements.

๐ผ๏ธ Layout: Footer
The footer component of the app, containing links, credits, and other info typically found at the bottom of a page.

๐งฉ Audio player
A reusable element for playing audio files within the app.

๐ข UI: Callout - Upgrade
A special alert or banner used to promote upgrades or special offers to users.

๐งฉ UI: Comments section
A section for users to read and post comments, often used in blogs, product pages, or social feeds.

๐งฉ๐ UI: Form - Multi-Step Form
An interactive form component that guides users through a multi-step data entry process.

๐งฉ UI: Group - Signup/Login
A group element that contains the signup and login forms.

๐งฉโ UI: Icon - Close Popup
A clickable icon for closing popups or modal windows within the app.

๐งฉ UI: Item + comments
A component displaying an item and its associated comments or discussions.

๐งฉ๐ UI: Logo
The app's logo element, reusable across various parts of the app for consistent branding.

๐งฉ UI: Marketing - Pricing Table
A table that clearly lays out the pricing tiers and features for marketing purposes.

๐งฉ๐ UI: Mini Menu - Generic
A general-purpose mini menu for common actions or navigation that can be used throughout the app.

๐งฉ UI: Mini Menu - Users
A compact menu for user-specific actions, like account settings or logout options.

๐งฉ๐ UI: Onboarding form
A form designed to collect necessary information from users during the onboarding process.

๐งฉ UI: Section - Create Content
An interface for users to create and submit content within the app, such as posts or listings.

๐งฉ๐ค UI: User Avatar
A placeholder or container for displaying a user's profile picture or avatar.

๐งฉ UI: Dashboard header
The top section of a dashboard, usually containing navigation, user info, and key data points.

๐งฉ UI: Empty state
A visual indication for empty content areas.

๐งฉ UI: Icon - Coloured
Icons enhance the visual interface and user experience of the app. BL mainly uses Heroicons.

๐งฉโ๏ธ UI: Section - Account + Settings
A user interface section dedicated to account information and user-specific settings.

๐งฉ UI: Upgrade CTA w Popup
A Call To Action (CTA) for upgrading the service, which triggers a popup with more information.

๐งฉ๐ฟ UI: Popup - Create
A popup window designed for creating new records or entries, like posts or contacts.

๐งฉ๐ฟ UI: Popup - Delete
A confirmation popup for deleting items, to prevent accidental deletions by users.

๐งฉ๐ฟ UI: Popup - Signup/Login
A modal window that facilitates the signup or login process for users.

๐งฉ๐ฟ UI: Popup - Tour
An informative popup that gives a guided tour of the appโs features or new updates.

๐งฉ๐ฟ UI: Popup - Upgrade
A popup used to encourage and facilitate users to upgrade their account or service level.

๐งฉ๐ฟ UI: Popup - View Item
A popup for viewing detailed information about an item, often used in catalogs or inventories.

๐งฉ๐ฟ UI: Popup - View w/ image
A popup element that allows users to view detailed content, often accompanied by an image.
๐งฉ๐ฌ UI: Chat - Inbox
The main inbox component for a chat feature, where users can see their message threads.

๐งฉ๐ฌ UI: Chat - Individual Chat
An interface for one-on-one chat conversations between users.

๐งฉ๐ UI: Charts
Reusable charts for displaying data, accessible throughout various parts of the app.

๐งฉ๐ UI: Table - Calendar
A table format specifically designed to represent calendar views, for events or scheduling.

๐งฉ๐ UI: Table - Classic Rows
A traditional row layout for tables, suitable for displaying structured data like spreadsheets.

๐งฉ๐ UI: Table - Coloured Grid
A visually distinct grid with color coding, useful for categorizing or highlighting information.

๐งฉ๐ UI: Table - Image grid
A grid layout specifically designed for displaying images, such as galleries or product photos.

๐งฉ๐ UI: Table - Narrow
A more compact table design for displaying data where less width is needed or for mobile responsiveness.

๐งฉ๐ UI: Section - Support + FAQs
A dedicated section for support and frequently asked questions to help users navigate common issues or inquiries.

Last updated