xtendui

Intro  ·  Components  ·  Themes

Custom UI made easy with simplicity and total freedom

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.

Setup

For a complete css and js setup guide visit online setup page or github setup page.

Frameworks

Xtend UI is a framework agnostic vanilla javascript library, you can use inside any javascript framework.

Contributing

Read our contributing docs before submitting a pull request.

Documentation

* 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

Documentation v1.0

* 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

Sponsors

Copyright and License

Copyright 2017-2025 Riccardo Caroli.

Code licensed MIT.

Docs licensed CC-BY-4.0