Chameleon Cards 

[Staging] Sonia's Embeddable 2024-03-12

[Staging] Product updates

[Staging] Get started guide

CAMOUFLAGE
ORANGE V3
 Dashboard
INTERFACE
 Components
CUSTOM COMPONENTS:
Buttons
Notes (staging only)
Cards (production only)
 Utilities
CUSTOM UTILITIES:
Colors
Borders
Animations
Other
ADDONS
 Pages
LOGIN SCREENS:
Login
Register
Forgot Password
OTHER PAGES:
404 Page
Blank Page
Profile
Data
Forms
Notes
CSS Applicator
Dynamic Loading
ShadowDOM
iframe
Cross-Origin iframe
Testing Page Structure
csp page (production only)
csp page (staging only)
csp +inline page
csp +eval page
Add an App's Snippet
Other UI Elements
 Charts
 Tables
iframe
Hide
Fixed Nav
Staging backend?
3+
7
Sonia-8290
Dashboard
 Generate Report
EARNINGS (MONTHLY)
$40,000
EARNINGS (ANNUAL)
$215,000
TASKS
50%
PENDING REQUESTS
18
Earnings Overview
Revenue Sources
 Direct  Social  Referral
Projects
Server Migration
20%
Sales Tracking
40%
Customer Database
60%
Payout Details
80%
Account Setup
Complete!
Primary
#4e73df
Success
#1cc88a
Info
#36b9cc
Warning
#f6c23e
Danger
#e74a3b
Secondary
#858796
Illustrations

Add some quality, svg illustrations to your project courtesy of unDraw, a constantly updated collection of beautiful svg images that you can use completely free and without attribution!

Browse Illustrations on unDraw →
Development Approach

SB Admin 2 makes extensive use of Bootstrap 4 utility classes in order to reduce CSS bloat and poor page performance. Custom CSS classes are used to create custom components and custom utility classes.

Before working with this theme, you should become familiar with the Bootstrap framework, especially the utility classes.

Copyright © Chameleon 2019

Camouflage Test App

Click to edit Card

Click to edit or generate Body.

Action
Click to edit Card

Click to edit or generate Body.

Action

Click to edit or generate Body.

Action

Canvas

Click to edit or generate Body.

Action
Click to edit Card

Click to edit or generate Body.

Action
Click to edit Card

Click to edit or generate Body.

Action

Button
Step 1: Explore Reports


See how to create your reports and sync data from your app.

Click to edit Card
Step 2: Invite your team


Rally your team to configure reports for different metrics.

Action
Click to edit Card
Step 3: Visit our Academy


Stay up to date with the latest enhancements and learn best practices.

Action