Xtend UI

Intro  ·  Components  ·  Themes

License Tweet Star

## 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](https://xtendui.github.io/xtendui/intro/features). * Css with [Tailwind CSS](https://tailwindcss.com/) and [Postcss](https://postcss.org/) * Some animations and interactions with [Gsap](https://greensock.com/gsap/) * Positioning with [Popperjs](https://popper.js.org/) * Focus trap with [Focus Trap](https://github.com/focus-trap/focus-trap) * Docs with [Nextjs](https://nextjs.org/) * Release with [Semantic Release](https://github.com/semantic-release/semantic-release) * Polyfill with [Babel](https://babeljs.io/) and [Core Js](https://github.com/zloirock/core-js) * Icons with [Feather Icons](https://feathericons.com/) * Hosting with [Github Pages](https://pages.github.com/) and [Cloudflare](https://www.cloudflare.com/) [Supported browsers](https://github.com/xtendui/xtendui/blob/master/.browserslistrc) 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](https://xtendui.github.io/xtendui/intro/setup) or [github setup page](https://github.com/xtendui/xtendui/blob/master/SETUP.md). ## Frameworks Xtend UI is a framework agnostic vanilla javascript library, you can use inside [any javascript framework](https://xtendui.github.io/xtendui/intro/frameworks). ## Contributing Read our [contributing docs](https://github.com/xtendui/xtendui/blob/master/.github/CONTRIBUTING.md) 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 Webgriffe    ## Copyright and License Copyright 2017-2025 Riccardo Caroli. Code licensed [MIT](https://github.com/xtendui/xtendui/blob/master/LICENSE.txt). Docs licensed [CC-BY-4.0](https://github.com/xtendui/xtendui/blob/master/LICENSE-DOCS.txt)