Docyrus AI Builder
Apps

Add-in

Develop flexible extensions using React, Vue, or any web framework. Embed as dashboard widgets, custom pages, or enhance existing Docyrus features.

Add-in Icon

Status: Ready

Overview

Add-ins are lightweight, focused applications that extend Docyrus functionality. They can be embedded as widgets, integrated as custom pages, or used to enhance existing features. Perfect for building specialized tools that complement your workflow.

Key Features

  • Flexible Integration: Embed anywhere within Docyrus
  • Multiple Frameworks: Support for React, Vue, Svelte, and more
  • Widget Support: Create dashboard widgets and components
  • Custom Pages: Build dedicated pages within Docyrus
  • API Access: Full access to Docyrus APIs and data
  • Lightweight: Optimized for performance and quick loading

Supported Tech Stacks

React SPA ✅ Ready

  • Framework: React 18+ with hooks and modern patterns
  • Styling: Tailwind CSS for rapid styling
  • Repository: React SPA Starter

Vue SPA 🔄 Coming Soon

Svelte SPA 🔄 Coming Soon

Use Cases

Dashboard Widgets

  • KPI Monitors: Real-time business metrics display
  • Quick Actions: Frequently used function shortcuts
  • Status Indicators: System health and alert widgets
  • Mini Charts: Compact data visualizations

Productivity Tools

  • Calculator Widget: Custom calculation tools
  • Color Picker: Design and branding utilities
  • QR Code Generator: Quick QR code creation
  • Text Formatter: Content formatting utilities

Data Enhancement

  • Import Wizards: Custom data import workflows
  • Export Tools: Specialized export formats
  • Data Validators: Custom validation logic
  • Format Converters: File and data format conversion

Integration Extensions

  • Third-party Connectors: Custom API integrations
  • Sync Tools: Data synchronization utilities
  • Notification Handlers: Custom alert systems
  • Authentication Helpers: SSO and auth extensions

Development Features

  • Live Preview: Instant feedback during development
  • Design Documentation: Architecture documentation
  • File Management: Complete project file access
  • Data Sources: Connect to various data sources
  • Custom Queries: Database query capabilities
  • Custom Scripts: Server-side logic support
  • App Preferences: Configuration management
  • Deployments: Automated deployment pipeline
  • Translations: Multi-language support
  • Integrations: Third-party service connections
  • Automations: Workflow automation
  • AI Agents: AI integration capabilities
  • Task Management: Project tracking
  • Custom Themes: Advanced styling options
  • Help Documentation: Documentation system
  • Git Integration: Version control
  • Session History: Development tracking

Getting Started

  1. Choose Framework: Select React (ready) or prepare for Vue/Svelte
  2. Define Purpose: Determine the specific functionality your add-in will provide
  3. Design Interface: Create a focused, intuitive user interface
  4. Integrate APIs: Connect with Docyrus services
  5. Test Integration: Ensure smooth embedding within Docyrus
  6. Deploy: Publish your add-in for use

Add-ins are perfect for extending Docyrus with specialized functionality while maintaining a cohesive user experience.

External Docyrus App

Create standalone applications with full Docyrus API integration. Ideal for complex workflows, multi-page apps, and solutions requiring custom domains or branding.

AI Agent

Build intelligent automation agents with natural language processing. Create chatbots, workflow automations, and smart assistants without coding.