Components

Components

Most of our custom components support a color property, allowing you to customize their appearance. You can choose from six options:

default

primary

secondary

success

warning

danger

These options determine the color scheme applied to the component.

💡

To customize the colors associated with these six options, you can leverage the predefined NextUI theme. Refer to the Theming section for detailed instructions.

By utilizing the color property, you have fine-grained control over the visual presentation of the components, ensuring they integrate with your design preferences.

Choose color
PricingCard
Get started
79$/ one-time
  • Modern design
  • 18+ custom components
  • Color modes
  • Light/Dark themes
  • Blog
  • Web3Forms integration
  • Landing, Pricing, About, Help Center and Contact pages
  • Lifetime updates
TeamMemberCard
David Johnson
David Johnson(CEO)

Emily leads the Data Guardians team with a vision for innovation and excellence.

Testimonial

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

profile picture
David Johnson
Software Engineer
Timeline
Team buildingOctober 19th, 2023
Mountain tripAugust 23th, 2023
Beach PartyJune 04th, 2023
Outdoor PicnicMay 13th, 2023
BlogAuthor
avatar
David Johnson
List
  • avatar

    Liam Anderson

    5 seats

  • avatar

    Olivia Williams

    2 seats

  • avatar

    Sophia Lee

    9 seats

  • avatar

    Jackson Patel

    1 seat

  • avatar

    Owen Mitchell

    3 seats

PageHeading

Page Heading

Subtitle

InfoBlock
Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

InfoCard
Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

InfoChip
Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

IconLink
BlurredFooterCard
asd

Lorem ipsum

View
DeviceMockup
  1. Team buildingOctober 19th, 2023
  2. Mountain tripAugust 23th, 2023
  3. Beach PartyJune 04th, 2023
  4. Outdoor PicnicMay 13th, 2023
LegalDocument

Title

  • List item 1
  • List item 2
  • List item 3
Callout
💡
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Notification
Notification titleNotification description
FadeInFromBottom
Notification titleNotification description