Alma Packages

The easiest way to get started with Next.js Tailwind CSS and Alma interface using create-app

Dropdown is is a graphical user interface element that gives users a list of possibilities and allows them to select one value from the list

Utility function to display value with several format such a Date, Mobile Phone, and etc.

Beautiful hand-crafted SVG icons create by ErudiFi.

Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts.

Mobile Input field is an input field only use for mobile number with specific country code format.

An accessible overlay dialog.

A numberr field is an input field that users can type into. It has a range of options and supports several numberr.

Popovers are small overlays that open on demand. They can access additional content and actions without cluttering the page.

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

Use radio buttons to present each item in a list of options where users must make a single selection.

Utility function regarding Routes

A text field is an input field that users can type into. It has a range of options and supports several text formats.

Textarea is a element is often used in a form, to collect user inputs like comments or reviews

The toggle component can be used to receive a simple yes or no type of answer from the user by choosing a single option from two options available in multiple sizes.

A tooltip is a element used in conjunction with the cursor or mouse pointer to display information about an item without needing to click on it.

use-clipboard hook provides interface to work with navigator.clipboard

Debounce value changes with minimal renders

Debounce value changes

use-fullscreen allows to enter/exit fullscreen