Xtend UI is a powerful frontend library of Tailwind CSS components enhanced by vanilla js. It helps you build interfaces with advanced interactions and animations.
npm install xtendui
Intro · Components · Themes
Xtend UI is a powerful frontend library of Tailwind CSS components enhanced by vanilla js. It helps you build interfaces with advanced interactions and animations. Check out Xtend UI features.
* Css with Tailwind CSS and Postcss
* Some animations and interactions with Gsap
* Positioning with Popperjs
* Focus trap with Focus Trap
* Docs with Nextjs
* Release with Semantic Release
* Polyfill with Babel and Core Js
* Icons with Feather Icons
* Hosting with Github Pages and Cloudflare
Supported browsers are browsers that supports mainly optional chaining, JavaScript modules, es6-module, es6-module-dynamic-import, IntersectionObserver, async, flexbox gap, webp, Variable fonts, css variables, css grid.
For a complete css and js setup guide visit online setup page or github setup page.
Xtend UI is a framework agnostic vanilla javascript library, you can use inside any javascript framework.
Read our contributing docs before submitting a pull request.
* Clone the repository git clone https://github.com/xtendui/xtendui.git
* Install required npm packages with pnpm install
* Use pnpm dev to serve a develop version with watch
* Use pnpm build && pnpm serve to serve a production version
* Clone the repository git clone https://github.com/xtendui/xtendui.git
* Switch branch with git checkout 1.0-dev
* Install required npm packages with yarn install
* Use yarn dev to serve a develop version with watch
* Use yarn build && yarn serve to serve a production version
Copyright 2017-2025 Riccardo Caroli.
Code licensed MIT.
Docs licensed CC-BY-4.0