The Phone Input component enables users to enter and format phone numbers with country code selection, ensuring accurate data entry for contact details.

In Review

Phone Input

The Select component provides a dropdown menu for choosing from a list of options, enhancing form usability with a smooth and interactive interface.

Select Component

The Color Picker component gives users the ability to choose colors from a palette or input a color code, ideal for customization and design tasks.

Color Picker

A user-friendly input field that filters and suggests options in real-time as the user types, improving the speed and accuracy of selection from a large set of options.

Autocomplete

The Slider component allows users to easily adjust values within a range by dragging a handle, making it perfect for settings like volume control or price selection.

Slider

The Number Input component offers a straightforward field for entering numerical values, complete with increment and decrement controls for precision.

Number Input

Hello Dear! How about adding next.js codes Tab between the React and the Vue Tab?

Add Next.js Code Possibility

The Rating component allows users to rate items or experiences with visual indicators like stars, offering a simple and engaging way to gather feedback.

Rating

The Divider component creates clear separations between content sections, improving readability and layout organization.

Divider

The Date Picker component allows users to easily select a date from a calendar interface, enhancing user experience by providing a simple and intuitive way to input dates.

In Progress

Date Picker

The Time Picker component enables users to select a time precisely through an interactive interface, eliminating the need for manual time entry.

Time Picker

We've added a new Clipboard category to the Core Components section, featuring versatile options for copying text seamlessly. Available variations include:<ul><li>Copy Button with Text: A straightforward button to copy predefined text.</li><li>Input with Integrated Copy Icon: An input field with a built-in copy icon for easy text duplication.</li><li>Simple Input with Copy Button: A minimal input field paired with a copy button for quick text capture.</li><li>Textarea with Copy Button: A larger textarea equipped with a copy button for copying extended content.</li></ul>These components are designed to enhance user experience by simplifying the copy-paste process in your web applications.

Completed

Clipboards

We are excited to announce the release of a new AI Components section in our UI Component Library. Available in HTML, React, Vue, and Figma Design Files. This new section includes:<img src="https://fb-usercontent.fra1.cdn.digitaloceanspaces.com/01916f7d-a0c5-773b-8430-18027e310824.png" data-width="100%" data-align="center"><ul><li>AI Navbars: 4 unique designs to enhance navigation.</li><li>AI Hero: 6 versatile hero sections for impactful landing pages.</li><li>Prompt to Text Generator: 2 components to dynamically generate text based on prompts.</li><li>Image Generators: 4 components for creating engaging image content.</li><li>Code Generators: 2 tools for generating clean and functional code snippets.</li><li>Video Generators: 2 components for incorporating video elements seamlessly.</li></ul>Explore these components to elevate your design and development process with ease. Visit: <a target="_new" rel="noopener" class="link" href="https://tailgrids.com/ai-components">AI Components Section on TailGrids</a> Note: This new section is available exclusively for Pro Plan users.

AI Components - Section

We are pleased to announce that the React version of all components in our UI Component Library is now available. This update brings the flexibility and power of React to your development process, allowing you to integrate our components seamlessly into your React projects. TailGrids React: <a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://tailgrids.com/react">https://tailgrids.com/react</a>

TailGrids - React Version

We are pleased to announce the update to our Verification Code (OTP Input) Components. This update includes important bug fixes and enhancements to improve functionality. Bug Fixes:<ul><li>Input Issues: Fixed issues with input boxes in OTP components to ensure smoother and more accurate input handling.</li></ul>

OTP Input Components update

We're thrilled to announce that all TailGrids components are now available for Vue. This update brings the power and flexibility of TailGrids components to Vue.js developers, enabling seamless integration and faster development for Vue-based projects.

TailGrids Components for Vue

We’re excited to share that Figma Design Files are now available for all UI components in the TailGrids library! This update allows you to seamlessly integrate our components into your design workflow, streamlining the process from concept to development.Features:<ul><li>Access to a comprehensive library of UI components.</li><li>Editable design files.</li><li>Streamlined design-to-development handoff with accurate, high-quality design assets.</li></ul>Elevate your design projects with TailGrids’ Figma Design Files and experience a more efficient design process. Explore Figma Design Files: <a target="" rel="noopener noreferrer nofollow" class="link" href="https://tailgrids.com/figma">TailGrids Figma</a>

Figma Source for UI Components

We’re excited to announce that Dark Mode support is now available for all TailGrids components. This enhancement allows developers to switch between light and dark themes effortlessly, providing a more versatile and modern user experience across all TailGrids-powered projects.

Dark Mode for All Components

We’re pleased to announce the improved NPM package for TailGrids, designed to enhance your development experience.<ul><li>Package Name: <code>tailgrids</code></li><li>Version<code>:</code>2.2.2</li><li>Features:<ul><li>Lightweight: Reduced size for faster installations and better performance.</li><li>Optimized: Enhanced for efficient use and compatibility with your projects.</li></ul></li></ul>Install Now:<pre><code>npm install tailgrids@latest</code></pre>Upgrade your development process with our streamlined and efficient NPM package for TailGrids components!

Improved NPM Package

We are excited to introduce over 50 dashboard UI components in TailGrids, exclusively for Pro users. This collection includes diverse components designed to create comprehensive and dynamic dashboards. Whether you’re building analytics interfaces, monitoring systems, or interactive data visualizations, these components will enhance your ability to deliver robust, user-friendly dashboards.

50+ Dashboard UI Components

We’re thrilled to announce the release of over 100 eCommerce components in TailGrids. This extensive library includes many components designed to streamline the creation of sophisticated and high-performing online stores. With ready-to-use elements for product displays, checkout processes, and more, TailGrids empowers you to build and enhance your eCommerce platforms quickly and efficiently.