Skip to main content

Brokerize Elements

The brokerize/elements library is the official UI component library that provides ready-to-use trading interface components. It includes:

  • Pre-built UI components - Complete trading interfaces out of the box
  • Customizable themes - Full visual customization through theme configuration
  • Framework agnostic - Works with React, Vue, Angular, or vanilla JavaScript
  • Web components - Standard web components for easy integration

Integration Approaches​

Main Component​

The Main Component is the simplest integration approach - a single, comprehensive component that includes all brokerize functionality in one container. Perfect for:

  • Quick integration - Get up and running with minimal setup
  • Complete functionality - All features work together seamlessly
  • Standard use cases - Covers most common trading interface requirements

Custom Components​

Custom Components provide maximum flexibility by allowing you to use individual brokerize components separately. Ideal for:

  • Custom layouts - Build exactly the interface you need
  • Selective functionality - Use only specific features
  • Advanced integration - Deep integration with existing applications
  • Custom user flows - Complete control over user experience

Theming​

All brokerize elements support comprehensive theming through a unified theme system. More information, examples and a live demo available in the theming article

Next Steps​