• Calendar
  • Chat
  • POS
  • Email
  • Todo
    • English
    • Spanish
    • French
    • German
    • Italian

    Notifications

    /oscar

    Deja Brady sent you a friend request

    2 hours • Communication

    /oscar

    Jayvon Hull mentioned you in Minimal UI

    a day • Project UI

    @Jaydon Frankie feedback by asking questions or just leave a note of appreciation.
    /oscar

    Lainey Davidson added file to File manager

    2 days • File manager

    design.fig

    2.3 Mb

    /oscar

    Angelique Morse added new tags to File manager

    3 days • File manager

    Design Dashboard Design system
    /oscar

    Giana Brandt request a payment of $200

    4 days • File manager

    Recent Searches

    E-Commerce Dashboard Page Form Input Spin Demo Component

    Quick Navigation

    Calendar Apex Charts TanStack Tables Range Sliders

    Search Tips

    # to search for files (e.g. #report)
    ? to see help docs
    ↑↓ Navigate ↵ Select
    Search powered by Oscar
    Theme Customizer

    Customize layout & themes

    Sidenav View

    Choose sidenav layout style

    Display Mode
    Select Light or Dark
    Direction
    Select a direction
    Sidenav Color
    Select sidenav theme color
    Buy Now

    Badges

    Background colors

    Badges rendered with solid background fills to label text categories.

    Primary
    Secondary
    Accent
    Neutral
    Info
    Success
    Warning
    Error

    Pill badges

    Fully rounded badge bubbles to present labels as pills.

    Primary
    Secondary
    Accent
    Neutral
    Info
    Success
    Warning
    Error

    Subtle badge

    Pastel colored badges designed for low-emphasis indicators.

    Primary
    Secondary
    Accent
    Info
    Success
    Warning
    Error

    Outline bagde

    Badges styled with outer borders and transparent interiors.

    Primary
    Secondary
    Accent
    Info
    Success
    Warning
    Error

    Border dash badge

    Badges featuring dashed borders to denote secondary category status.

    Primary
    Secondary
    Accent
    Info
    Success
    Warning
    Error

    Badge with icon

    Combine text indicators with lead icons for clearer messaging.

    Info
    Success
    Warning
    Error

    Buttons With Badges

    Embed count badge indicators directly inside primary button wrappers.

    Badge sizes

    Scale badge sizes from extra small up to extra large proportions.

    Xsmall
    Small
    Medium
    Large
    Xlarge

    Positioned

    Overlay warning dot and counter badges on the corners of elements.

    8