Xtendui

Overview

Xtend UI is a powerful frontend library of Tailwind CSS components enhanced by vanilla JS. It provides developers with a simplified and customizable approach to building interfaces with advanced interactions and animations. With support for various tools and frameworks, Xtend UI offers simplicity and total freedom for creating stunning user interfaces.

Features

• Css with Tailwind CSS and Postcss: Xtend UI leverages the popular Tailwind CSS framework and Postcss to provide a robust CSS styling solution.
• Some animations and interactions with Gsap: The library includes support for animations and interactions using Gsap, allowing developers to create dynamic and engaging interfaces.
• Positioning with Popperjs: Xtend UI makes it easy to handle positioning of elements on the page using the Popperjs library.
• Focus trap with Focus Trap: Developers can utilize the Focus Trap feature in Xtend UI to manage focus within specific components, ensuring a seamless user experience.
• Docs with Nextjs: Xtend UI provides comprehensive documentation using Nextjs, making it easy for developers to access information on how to use the library effectively.
• Release with Semantic Release: The library follows the Semantic Release approach, ensuring consistency and reliability in versioning and releasing updates.
• Polyfill with Babel and Core JS: Xtend UI includes support for polyfilling using Babel and Core JS, ensuring compatibility with older browsers.
• Icons with Feather Icons: The library offers a collection of Feather Icons, providing developers with a wide range of icon options to enhance their interfaces.
• Hosting with Github Pages and Cloudflare: Xtend UI supports hosting on Github Pages and Cloudflare, allowing for easy deployment and efficient content delivery.

Installation

To install Xtend UI, follow these steps:

1. Clone the repository:

   git clone https://github.com/xtendui/xtendui.git --depth 1
   

2. Install the required npm packages:

   pnpm install
   

3. Serve a development version with watch:

   pnpm dev
   

4. Build and serve a production version:

   pnpm build && pnpm serve
   

Summary

Xtend UI is a versatile frontend library that combines Tailwind CSS components with vanilla JS to provide developers with powerful tools for building custom user interfaces. With features like advanced animations, powerful positioning, focus trapping, and extensive documentation, Xtend UI offers simplicity and flexibility for developers working in various frameworks. It also supports polyfilling, includes a wide range of icons, and offers easy hosting options. Overall, Xtend UI simplifies the process of creating beautiful and interactive interfaces, giving developers the freedom to bring their design visions to life.