Welcome to the Angular version of the Angular UI Bootstrap library. This library is being built from scratch by the ui-bootstrap team. We are using TypeScript and targeting the Bootstrap 4 CSS framework. As with Bootstrap 4, this library is a work in progress. Please check out our list of issues to see all the things we are implementing. Feel free to make comments there.
https://github.com/ng-bootstrap/ng-bootstrap#readmeTags | angular ng-bootstrap bootstrap widgets alert accordion buttons carousel datepicker collapse dropdown modal pagination popover progress-bar rating tabs timepicker tooltip typeahead |
Implementation | TypeScript |
License | MIT |
Platform | NodeJS |
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. Support this project by becoming a sponsor.
bootstrap components vue accessibility icons a11y nuxt accessible wai-aria component-library nuxtjs bootstrapvue bootstrap-v4 bootstrap-for-vue vue.js vue-v2 ssr web directives bootstrap-icons aria popper.js css scss alert avatar badge breadcrumb button calendar card carousel checkbox collapse date-picker datepicker dropdown dropzone form input jumbotron list modal nav navbar option overlay pagination popover progress radio select sidebar skeleton slider spinner tab table tag tags time-picker timepicker toast tooltipuiv is a Bootstrap 3 component lib implemented by Vue 2. To check out live examples and docs, visit https://uiv.wxsm.space.
vue bootstrap vuejs vuejs2 vue2 bootstrap3 ui ui-components web component-library vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-selectIf this project has helped you out, please support it with a star 🌟. uiv is a Bootstrap 3 component lib implemented by Vue 2.
bootstrap vuejs ui web vue vuejs2 vue2 component-library ui-components bootstrap3 vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-selectNative Angular Bootstrap Components
angular bootstrap components datepicker daterangepicker modals popover sortable carousel typeahead select widgets bootstap ng ng2 angular2 twitter-bootstrap angular-componentAngular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
material angular2 chip material-design color-picker accordion datepicker autocomplete angular component collapse colorpicker data-table dialog modal menu dropdown multiselect select tabs tags chips toast tooltipSmall bootstrap plugin that switches bootstrap tabs component to collapse component for small screens.The most obvious way: bootstrap tab collapse generates accordion markup and appends it right away after tabs component. When accordion becomes (If accordion is) visible tabcollapse searchs for .tab-pane and detaches their content to appropriate accordion groups keeping all attached js data. Tabs component is given hidden-xs-class and accordion component is given visible-xs-class. That's it.
For simple autocomplete use cases there seems to be nothing wrong with the dropped typeahead plugin. Here you will find the typeahead autocomplete plugin for Twitter's Bootstrap 2 ready to use with Twitter's Bootstrap 3. The original code is written by @mdo and @fat. With Twitter Bootstrap 3 the typeahead plugin had been dropped. @mdo says: "in favor of folks using Twitter's typeahead. Twitter's typeahead has more features than the old bootstrap-typeahead.js and less bugs." Twitter's typeahead don't work direct with Bootstrap 3. The DOM structure of the dropdown menu used by typeahead.js differs from the DOM structure of the Bootstrap dropdown menu. You'll need to load some additional CSS in order to get the typeahead.js dropdown menu to fit the default Bootstrap theme. Try extended Bootstrap LESS or if your are looking for a more extended version try: typeahead.js-bootstrap3.less.
typeahead autocomplete plugin bootstrapAngular directive for Dan Grossman's bootstrap-daterangepicker.
angular bootstrap daterangepicker datepicker moment time interval calendarGijgo is a set of free for commercial use javascript controls distributed under MIT License. All widgets are high performance, built on top of the jQuery JavaScript Library with built-in support for Bootstrap 4 and Material Design. They are designed to saves you time and scales with your development process.
plugin jquery-plugin tree grid table modal dialog datagrid droppable draggable treeview gijgo datepicker timepicker dropdown bootstrapInstallation is easy as UI Bootstrap has minimal dependencies - only the AngularJS and Twitter Bootstrap's CSS are required. Note: Since version 0.13.0, UI Bootstrap depends on ngAnimate for transitions and animations, such as the accordion, carousel, etc. Include ngAnimate in the module dependencies for your app in order to enable animation.This will install AngularJS and Bootstrap NPM packages.
angular bootstrap angular-ui components client-sideThis is a Tree directive for Angular JS apps that use Bootstrap CSS. The style is completely Bootstrap because the tree is actually just a Bootstrap "nav" list, with a few changes: Indentation is added, expand/collapse icons are added, and Angular CSS animations are used during expand/collapse.
angularjs bootstrap tree widgetA React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js. It supports both single- and multi-selection and is compliant with WAI-ARIA authoring practices. Try the live examples. Please note that documentation and examples apply to the most recent release and may no longer be applicable if you're using an outdated version.
react bootstrap typeahead auto-complete auto-suggest autocomplete autosuggest bootstrap-tokenizer bootstrap-typeahead react-autocomplete react-autosuggest react-tokenizer react-typeahead react-bootstrap react-bootstrap-tokenizer react-bootstrap-typeahead tokenizerFormly is a dynamic (JSON powered) form library for Angular that bring unmatched maintainability to your application's forms.
bootstrap angular ionic material json-schema forms primeng kendo-ui nativescript schematics dynamic-forms json-forms formly ng-zorro ng-zorro-antd ngx-formly angular-forms form-libraryAll of these utilities have been abstracted out of react-bootstrap in order to provide better access to the generic implementations of these commonly needed components. The included components are building blocks for creating more polished components. Everything is bring-your-own-styles, css or otherwise. If you are looking for more complete overlays, modals, or tooltips--something you can use right out of the box--check out react-bootstrap, which is (or soon will be) built on using these components.
react react-overlays modal overlay affix react-component tooltip bootstrap popoverCollect JS Frameworks, Web components library and Admin Template. React based component library.
awesome awesome-list uikit ui-component framework react angular angular-components react-components vue-components vue-ui bootstrap-admin-theme ng-admin bootstrap vue-admin react-adminDatepair.js is a lightweight, modular javascript plugin for intelligently selecting date and time ranges, inspired by Google Calendar. It will keep the start and end date/times in sync and can set default values based on user action. There are no external dependencies, however it can easily be used with jQuery or Zepto. The plugin does not provide any UI widgets; it's preconfigured to work with jquery-timepicker and Bootstrap Datepicker, but you can use it with any datepicker or timepicker (or none at all). Looking for jquery-datepair? Scroll down.
timepicker datepicker time date picker ui calendar input formLibrary is under active development and may have API breaking changes for subsequent major versions after 1.0.0. To allow customization and theming, ng-select bundle includes only generic styles that are necessary for correct layout and positioning. To get full look of the control, include one of the themes in your application. If you're using the Angular CLI, you can add this to your styles.scss or include it in .angular-cli.json (Angular v5 and below) or angular.json (Angular v6 onwards).
angular ui-select angular-components autocomplete typeahead multiselect select dropdown angular2 angular4 angular5 angular630+ authentic Windows 95 components, Full Documentation, Fully Responsive, 100% Valid W3C HTML Files. It's Free. Windows 95 UI Kit is a free User Interface Kit featuring authentic buttons, cards (windows), tabs, navigation tabs, typography and many more. Use this kit to create awesome retro interfaces.
bootstrap ui kit windows-95 ui-kit ui-components hacktoberfest bootstrap-ui-kit retro-ui-kit hacktoberfest2021 retro-bootstrap themesberg windows-95-buttons windows-95-cards windows-95-forms windows-95-font windows-95-tooltips w95We are in code freeze and this issue tracker is no longer actively monitored. I'll be closing PR that do not contribute emergency fixes and leaving some open as they are evaluated for migration into the new repo. I’ll be closing issues that do not meet minimum requirements or have been answered by the community. Issues that have been closed for longer than 30 days will be locked.
twitter-bootstrap bootstrap datepicker datetimepicker timepicker momentAngular.js directive for Dan Grossmans's Bootstrap Datepicker. This directive depends on Bootstrap Datepicker, Bootstrap, Moment.js and jQuery. Download dependencies above and then use minified or normal version.
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.