🧩UI components
Bullet Launch comes with a large number of UI components ready to use, including workflows, states, custom events and other functionality.
Last updated
Bullet Launch comes with a large number of UI components ready to use, including workflows, states, custom events and other functionality.
Last updated
UI components can be used in several ways:
For components which will only ever need one version for the entire app (e.g. the signup/login popup, or the logo component), you can keep the reusable as it is and just drop it wherever you need it in the app.
For components which you want to use as a starting point for a new interface but may wish to use again, you can create a new reusable which is a clone of the original. Then use the new reusable within the app, keeping a clean untouched copy of the original.
For small components which will form part of a larger UI and need to be editable, you can drop them onto a page and detached from their parent reusable so they become a normal element on the page. Then you can edit them without affecting the original reusable.
Charts for the admin dashboard.
A section dedicated to app settings within the admin panel, for configuring and managing app-wide settings.
A compact administrative menu specific to user management tasks like add, edit, or delete users.
A detailed table layout within the admin section for displaying and managing user accounts.
A dropdown input field for forms, allowing selection from a list of options.
A tool for users to upload images, commonly used in profile settings or content uploads.
A text input field for longer, multiline text entries, such as descriptions or messages.
An interactive element for users to rate items or services using a star system.
Allows users to upload files, typically for document storage, profile pictures, or attachment uploads.
A form element that lets users select multiple options from a dropdown list, useful for fields requiring multiple choices.
A search bar that allows users to input text to query and filter through data or content in the app.
A basic text field for user input, applicable for forms, search bars, and data entry.
Design styles that define the appearance of various input fields across the app.
A set of predefined text styles to ensure consistent typography throughout the app.
The header component for marketing or landing pages, including navigation and branding elements.
The footer component of the app, containing links, credits, and other info typically found at the bottom of a page.
A reusable element for playing audio files within the app.
A special alert or banner used to promote upgrades or special offers to users.
A section for users to read and post comments, often used in blogs, product pages, or social feeds.
An interactive form component that guides users through a multi-step data entry process.
A group element that contains the signup and login forms.
A clickable icon for closing popups or modal windows within the app.
A component displaying an item and its associated comments or discussions.
The app's logo element, reusable across various parts of the app for consistent branding.
A table that clearly lays out the pricing tiers and features for marketing purposes.
A general-purpose mini menu for common actions or navigation that can be used throughout the app.
A compact menu for user-specific actions, like account settings or logout options.
A form designed to collect necessary information from users during the onboarding process.
An interface for users to create and submit content within the app, such as posts or listings.
A placeholder or container for displaying a user's profile picture or avatar.
The top section of a dashboard, usually containing navigation, user info, and key data points.
A visual indication for empty content areas.
Icons enhance the visual interface and user experience of the app. BL mainly uses Heroicons.
A user interface section dedicated to account information and user-specific settings.
A Call To Action (CTA) for upgrading the service, which triggers a popup with more information.
A popup window designed for creating new records or entries, like posts or contacts.
A confirmation popup for deleting items, to prevent accidental deletions by users.
A modal window that facilitates the signup or login process for users.
An informative popup that gives a guided tour of the app’s features or new updates.
A popup used to encourage and facilitate users to upgrade their account or service level.
A popup for viewing detailed information about an item, often used in catalogs or inventories.
A popup element that allows users to view detailed content, often accompanied by an image.
The main inbox component for a chat feature, where users can see their message threads.
An interface for one-on-one chat conversations between users.
Reusable charts for displaying data, accessible throughout various parts of the app.
A table format specifically designed to represent calendar views, for events or scheduling.
A traditional row layout for tables, suitable for displaying structured data like spreadsheets.
A visually distinct grid with color coding, useful for categorizing or highlighting information.
A grid layout specifically designed for displaying images, such as galleries or product photos.
A more compact table design for displaying data where less width is needed or for mobile responsiveness.
A dedicated section for support and frequently asked questions to help users navigate common issues or inquiries.
