• 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

    Typography

    Headings

    Standard HTML heading elements styled for hierarchy.

    Heading 1

    The quick brown fox

    Heading 2

    The quick brown fox

    Heading 3

    The quick brown fox

    Heading 4

    The quick brown fox

    Heading 5
    The quick brown fox
    Heading 6
    The quick brown fox

    Body & Lead Text

    Paragraph options for body copy and introductory descriptions.

    Lead Paragraph

    This is lead text. Use it to highlight the introductory paragraphs of your article or document section.

    Standard Body

    This is standard body copy. It is designed to be highly readable with optimal line-height and contrast across light and dark modes.

    Secondary Copy

    This is secondary copy. It is ideal for metadata, disclaimers, captions, and secondary inline information.

    Lists (daisyUI List Component)

    Vertical layout to display information in structured rows.

    • User Avatar
      Alex Rivera
      alex.rivera@example.com
      Active
    • User Avatar
      Marcus Chen
      marcus.chen@example.com
      Pending
    • User Avatar
      Sarah Jenkins
      sarah.j@example.com
      Suspended

    Inline Elements & Keyboard Shortcuts

    Inline styling elements, highlighted text, and keyboard indicators.

    Ctrl + C to copy selection
    ⌘ + Shift + P to open command palette

    You can highlight key terms with highlighted badge inside text paragraphs.

    Important messages can be marked as urgent alert for users.

    Mockup Code

    Display code blocks in a terminal-like environment.

    bun install daisyui
    installing components...
    daisyui v5 successfully installed!

    Browser & Window Mockups

    Containers representing browser layouts and operating system frames.

    https://daisyui.com
    Hello world from the browser mockup container!
    Content nested inside an operating system window framework.