UI Design

Main
Dashboard No active orders
Layouts
- Default layout
- Layout 2
- Layout 3
- Layout 4
- Layout 5
- Layout 6
- Layout 7 Coming soon
Themes
- Default
- Material
- Dark
- Clean Coming soon
Starter kit
- Static layout
- No header
- No footer
- Fixed header
- Fixed footer
- 2 sidebars on 1 side
- 2 sidebars on 2 sides
- 3 sidebars
- Boxed page
- Boxed content
Changelog 3.0
RTL version
Forms
Form components
- Basic inputs
- Checkboxes & radios
- Select2 selects
- Bootstrap multiselect
- Input groups
- Extended controls
- Floating labels
- Tag inputs
- Dual Listboxes
- Validation
- Form wizard
- Form actions
- Inputs grid
JSON forms
- Basic inputs
- Advanced inputs
- Controls
Text editors
- Summernote editor
- CKEditor
- Trumbowyg editor
- Code editor
Pickers
- Date & time pickers
- Color pickers
- Location pickers
Form layouts
- Vertical form
- Custom styles Coming soon
- Horizontal form
- Custom styles Coming soon
Components
Basic components
- Modals
- Dropdown menus
- Tabs component
- Pills component
- Collapsible
- Navs
- Buttons
- Tooltips and popovers
- Alerts
- Pagination
- Badges
- Progress
- Breadcrumbs
- Media objects
- Scrollspy
Content styling
- Page header
- Page footer Coming soon
- Page panels
- Cards
- Card content
- Card layouts
- Card header elements
- Card footer elements
- Draggable cards
- Text styling
- Typography
- Helper classes
- Flex utilities
- Syntax highlighter
- Grid system
Extra components
- PNotify notifications
- jGrowl and Noty notifications
- SweetAlert notifications
- NoUI sliders
- Ion range sliders
- Dynamic tree views
- Context menu
- Floating action buttons
- Session timeout
- Idle timeout
Color system
- Primary palette
- Secondary palette
- Danger palette
- Success palette
- Warning palette
- Info palette
- Dark palette
- Pink palette
- Purple palette
- Indigo palette
- Teal palette
- Yellow palette
Animations
- CSS3 animations
- Velocity animations
Icons
- Icomoon
- Material
- Font awesome
Layout
Page layouts
- Static layout
- No header
- No footer
- Fixed header
- Fixed footer
- 2 sidebars on 1 side
- 2 sidebars on 2 sides
- 3 sidebars
- Boxed page
- Boxed content
Sidebars
- Main sidebar
  - Resizable
  - Resized
  - Collapsible
  - Collapsed
  - Hideable
  - Hidden
  - Light color
- Secondary sidebar
  - Collapsible
  - Collapsed
  - Hideable
  - Hidden
  - Dark color
- Right sidebar
  - Collapsible
  - Collapsed
  - Hideable
  - Hidden
  - Dark color
- Content sidebar
- Sticky areas
- Sidebar components
Navbars
- Single navbar
- Multiple navbars
- Content navbar
  - Single navbar
  - Multiple navbars
- Color options
- Sizing options
- Navbar components
Vertical navigation
- Collapsible menu
- Accordion menu
- Bordered navigation
- Right icons
- Badges
- Disabled items
Horizontal navigation
- Submenu on click
- Submenu on hover
- With custom elements
- Tabbed navigation
- Disabled navigation links
- Horizontal mega menu
Menu levels
- Second level
- Second level with child
- Second level
Data visualization
Echarts library
- Line charts
- Area charts
- Columns and waterfalls
- Bars and tornados
- Scatter charts
- Pies and donuts
- Funnels and calendars
- Candlesticks and others
D3 library
- Simple lines
- Advanced lines
- Simple bars
- Advanced bars
- Pie charts
- Circle diagrams
- Tree layout
- Other charts
C3 library
- Lines and areas
- Bars and pies
- Advanced examples
- Chart axis
- Grid options
Google charts
- Line charts
- Bar charts
- Pie charts
- Bubble & scatter charts
- Other charts
Maps integration
- Google maps
  - Basics
  - Controls
  - Markers
  - Map drawings
  - Layers
- Vector maps
- ECharts maps Coming soon
Extensions
Extensions
- Image cropper
- Block UI
- Drag and drop
JQuery UI
- Interactions
- Forms
- Components
- Sliders
- Navigation
File uploaders
- Plupload
- Bootstrap file uploader
- Dropzone
Event calendars
- Basic views
- Event styling
- Language and time
- Advanced usage
Internationalization
- Direct translation
- Querystring parameter
- Language fallback
- Callbacks
Tables
Basic tables
- Basic examples
- Table sizing
- Table borders
- Table styling
- Table elements
Data tables
- Basic initialization
- Basic styling
- Advanced examples
- Sorting options
- Using API
- Data sources
Data tables extensions
- Columns reorder
- Row reorder
- Fixed columns
- Auto fill
- Key table
- Scroller
- Select
- Buttons
- Columns visibility
Responsive tables
- Responsive basic tables
- Responsive data tables
Page kits
General pages
- Feed
- Embeds
- FAQ page
- Knowledgebase
- Blog
- Timelines
- Gallery
Service pages
- Sitemap
- Invoicing
- Authentication
- Error pages
User pages
- User list
- User cards
- Simple profile
- Tabbed profile
- Profile with cover
Application pages
- Task manager
- Inbox
- Search
- Job search
- Learning
- Ecommerce set
Widgets
- Content widgets
- Statistics widgets
- Menu widgets Coming soon
- Form widgets Coming soon

Vendor's Form

Vendor Number eg. "642377"

Gender

Male

Female

Other

First Name

Middle Name

Last Name

Primary Email ID

Secondary Email ID

Mobile No

Company Name

Address Line 1

Address Line 2

Country

State

City eg. "xyz"

Pin Code eg. 219023

Vendor's - Form

Vendor's Form

Gender