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-2024 Riccardo Caroli.

Code licensed MIT.

Docs licensed CC-BY-4.0