https://github.com/xtendui/xtendui

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.
https://github.com/xtendui/xtendui

components frontend html5 javascript react react-components tailwindcss ui vanilla-javascript

Last synced: about 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/xtendui/xtendui
• Owner: xtendui
• License: mit
• Created: 2018-02-24T10:54:32.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-12-19T10:23:32.000Z (about 1 year ago)
• Last Synced: 2023-12-19T15:57:55.484Z (about 1 year ago)
• Topics: components, frontend, html5, javascript, react, react-components, tailwindcss, ui, vanilla-javascript
• Language: JavaScript
• Homepage: https://xtendui.com
• Size: 405 MB
• Stars: 365
• Watchers: 4
• Forks: 14
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE-DOCS.txt
  • Code of conduct: .github/CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        




  

    

  





  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](https://xtendui.com/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.com/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.com/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



  



  

## Copyright and License

Copyright 2017-2024 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)