archduke1337/mindmesh-club

Collapse display a list of high-level options that can expand/collapse to reveal more information.

Alerts are temporary notifications that provide concise feedback about an action or event.

An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.

The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.

Badges are used as a small numerical value or status descriptor for UI elements.

Buttons allow users to perform actions and choose with a single tap.

Card is a container for text, photos, and actions in the context of a single subject.

Chips help people enter information, make selections, filter content, or trigger actions.

Code is a component used to display inline code.

. A separator is a visual divider between two groups of content

Used to render a content that slides in from the side of the screen.

A dropdown displays a list of actions or options that a user can choose.

A form is a group of inputs that allows users submit data to a server and supports field validation errors.

A set of framer motion transitions for react

A simple image component

The input component is designed for capturing user input within a text field.

The keyboard key components indicates which key or set of keys used to execute a specificv action

Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>

A listbox displays a list of options and allows a user to select one or more of them.

Displays a dialog with a custom content that requires attention or provides additional information.

A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.

The Pagination component allows you to display active page and navigate between multiple pages.

A popover is an overlay element positioned relative to a trigger.

Progress bars show either determinate or indeterminate progress of an operation over time.

Radios allow users to select a single option from a list of mutually exclusive options.

A set of utilities for react on client side

A component that applies top and bottom shadows when content overflows on scroll.

A select displays a collapsible list of options and allows a user to select one of them.

Skeleton is used to display the loading state of some component.

Display a snippet of copyable code for the command line.

A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.

Loaders express an unspecified wait time or display the length of a process.

A switch is similar to a checkbox, but represents on/off values as opposed to selection.

HeroUI system primitives

Tables are used to display tabular data using rows and columns.

Tabs organize content into multiple sections and allow users to navigate between them.

The default theme for HeroUI components

Toast are temporary notifications that provide concise feedback about an action or event

A React Component for rendering dynamically positioned Tooltips

Flexible User Profile Component.

Gain real-time traffic insights with Vercel Web Analytics

Speed Insights is a tool for measuring web performance and providing suggestions for improvement.

Appwrite is an open-source self-hosted backend server that abstracts and simplifies complex and repetitive development tasks behind a very simple REST API

A simple and powerful JavaScript animation library

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...anything JavaScript can touch! The ScrollTrigger plugin lets you create jaw-dropping scroll-based animations with minimal code. No other library delivers such advanced sequencing, reliability, and tight control while solving real-world problems on millions of sites. GSAP works around countless browser inconsistencies; your animations **just work**. At its core, GSAP is a high-speed property manipulator, updating values over time with extreme accuracy.

Screenshots with JavaScript

PDF Document creation from JavaScript

A Lucide icon library package for React applications.