Build Custom UIs: The Didit Platform & Widget Creation

In today's competitive landscape, a distinctive user interface (UI) is crucial for brand recognition and user engagement. The Didit platform goes beyond simple identity verification, offering a robust foundation for widget creation support and allowing partners to seamlessly extend their brand with UI design elements. This post explores how developers can leverage Didit's capabilities to build truly unique and branded experiences, including utilizing our library of styled 3D icons + styles.

Key Takeaway 1: The Didit platform isn’t just about identity; it’s a flexible UI framework allowing deep customization and brand alignment.

Key Takeaway 2: Our widget creation tools are designed for developers, offering granular control over appearance and behavior through a well-documented API.

Key Takeaway 3: Styled 3D icons and customizable themes provide a quick path to visually stunning and on-brand user interfaces.

Key Takeaway 4: Didit’s architecture prioritizes performance and scalability, ensuring a smooth user experience even with complex UI integrations.

The Foundation: A Component-Based Architecture

Didit’s UI is built on a component-based architecture, allowing for modularity and reusability. This approach simplifies widget creation support and promotes consistency across different integrations. Each UI element – buttons, input fields, progress bars, and more – is a self-contained component with well-defined properties and events. This means developers can easily compose complex UIs from these building blocks without worrying about underlying implementation details.

The core principle is separation of concerns. Your application dictates the what (the desired UI), and Didit handles the how (rendering and behavior). This separation allows you to focus on your core business logic while benefiting from a highly optimized and maintained UI framework.

Extending Your Brand: Custom Themes & Styling

One of the key benefits of the Didit platform is the ability to extend your brand with UI design elements. We understand that a generic UI can dilute your brand identity. Didit provides a flexible theming system that allows you to customize almost every aspect of the UI, including colors, fonts, spacing, and borders. This is achieved through CSS variables and a dedicated theme configuration API.

Code Example (Theme Configuration):

// JavaScript
const diditConfig = {
  theme: {
    primaryColor: '#2567FF', // Didit Blue
    secondaryColor: '#FF5252',
    fontFamily: 'Arial, sans-serif',
    borderRadius: '8px'
  }
}

This configuration can be applied globally or to individual widgets, providing granular control over the UI's appearance. The platform’s cascading style system ensures that your customizations are applied consistently.

Leveraging the 3D Icon Library

Didit offers a growing library of styled 3D icons + styles designed to enhance the visual appeal of your integrations. These icons are not static images; they are interactive 3D models that respond to user interactions. They’re available in a variety of styles, allowing you to choose the ones that best fit your brand aesthetic.

The 3D icons are delivered as optimized SVG or GLTF files, ensuring fast loading times and high visual fidelity. A dedicated API allows you to easily integrate these icons into your UIs, customize their colors and animations, and trigger events based on user interactions. The use of 3D icons can significantly improve user engagement and create a more modern and immersive experience.

Widget Creation & API Integration

The Didit platform provides robust widget creation support through a set of well-defined APIs and SDKs. Developers can build custom widgets that seamlessly integrate with the Didit UI framework. This allows you to extend the platform's functionality and create unique user experiences tailored to your specific needs.

The API is designed for ease of use and flexibility. It supports both synchronous and asynchronous communication, allowing you to choose the best approach for your application. Comprehensive documentation and code samples are available to help you get started quickly. We offer SDKs for JavaScript, iOS, and Android, simplifying the integration process for mobile applications.

How Didit Helps

• Reduced Development Time: Leverage pre-built components and APIs to accelerate development cycles.
• Enhanced Brand Consistency: Customize the UI to perfectly match your brand guidelines.
• Improved User Engagement: Create visually appealing and interactive experiences with 3D icons and animations.
• Scalability & Performance: Benefit from a robust and optimized UI framework.
• Faster Time to Market: Quickly launch new features and integrations with minimal effort.

Ready to Get Started?

Ready to unlock the full potential of the Didit platform and build stunning, branded user interfaces? Explore our Developer Documentation and Demo Center to see the capabilities in action. Contact our sales team for a personalized consultation and to learn more about our enterprise solutions.