Components

An extensive guide to the components provided in the boilerplate.

Video Tutorial Coming Soon!

Animated Heading

A component that animates a heading with a highlighted section and the rest of the text.

Auth Screen

Manage the authentication flow between Sign In and Sign Up views.

Banner Stacks

Display the technology stack used in your project or can be used to show the famous companies who use your product.

Chip Banner

A small, bold banner to announce features or emphasize key sections.

CTA

A call-to-action component designed to drive user engagement with bold text and a compelling message.

FAQ

A frequently asked questions component designed to address common inquiries about the product or service.

Features

A feature section component designed to highlight key aspects of a product or service, including a grid layout for visual bento elements.

Footer

A footer component that provides essential information and social links, designed to conclude the landing page.

Header

A header component that provides navigation, branding, and authentication options, ensuring a seamless user experience across the application.

Hero

A hero section component designed to capture user attention, featuring a responsive layout with prominent left and right content areas.

Highlights

A component that showcases key features of the application, designed to present concise information.

How To Use

A section that guides users through the simple steps to utilize the DevVault Kit, featuring an engaging video and a visually appealing layout.

Logo

A component that displays the logo of the application, providing a clickable link to the home page.

LottiePlayer

A component that displays Lottie animations using the DotLottie format, allowing for rich and engaging animations in the application.

Pricing

A pricing component that presents different package options for users, featuring clear details on pricing, features, and purchase actions.

Testimonials

A testimonials component that allows users to view and submit testimonials with ratings.

Time Comparison Table

The Time Comparison Table component visually compares the time required for various development tasks when building from scratch versus using the DevVault Kit.

User Button

The User Button component displays a user's avatar and provides a dropdown menu for user actions, such as logging out.