177 best open source button projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 177 results

jQuery-Knob - Nice, downward compatible, touchable, jQuery dial

JQuery

Nice, downward compatible, touchable, jQuery dial

jquery-plugin dial button knob ui input

Semantic-UI - Semantic is a UI component framework based around useful principles from natural language

Javascript

Semantic is a UI framework designed for theming.Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as React, Angular, Meteor, and Ember, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.

ui ui-components flexbox css-framework dropdown button popup sidebar tooltip semantic

node-dash-button - A small module to emit events when an Amazon Dash Button is pressed

Javascript

Place it. Hack it. Press it. Get it. This module was inspired by this fantastic article by Edward Bensen.

amazon amazon-dash dash button arp

ParticleEffectsButtons - A little library that can be used for bursting particles effects on buttons and other elements

Javascript

Bursting particles effects for buttons. By Luis Manuel. The Particles library depends on anime.js to perform animations, so you need to include it before Particles.

animejs animation particles javascript-library button

react-mdl - React Components for Material Design Lite

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

react react-component mdl material-design badge button card checkbox data-table fab-button icon icon-button icon-toggle radio radio-group switch textfield progress progress-bar spinner slider tooltip menu dropdown layout drawer grid tabs

react-particle-effect-button - Bursting particle effect buttons for React 🎉

Javascript

Bursting particle effect buttons for React. This library is a React port of an awesome Codrops Article by Luis Manuel (original source).

codrops react button canvas particles

FTPopOverMenu - FTPopOverMenu is a pop over menu for iOS which is maybe the easiest one to use

Objective-C

FTPopOverMenu is a pop over menu for iOS which is maybe the easiest one to use, supports both portrait and landscape. It can show from any UIView, any UIBarButtonItem and any CGRect. Simplest APIs, enable you to change the style in one line of code. FTPopOverMenu_Swift is now published. Take a look at it now. The swift version has same APIs with this OC version.

pop navigation-items menu button cocoapods popover

SGPagingView - A powerful and easy to use segment control (美团、淘宝、京东、微博、腾讯、网易、今日头条等标题滚动视图)

Objective-C

A powerful and easy to use segment control (美团、淘宝、京东、微博、腾讯、网易、今日头条等标题滚动视图)

segmentedcontrol collectionview scrollview button qq

bttn.css - Awesome buttons for awesome projects!

Include bttn.min.css in head of your html file and start using bttn CSS classes in your button. ℹ️ Build process uses yarn, you can also use npm instead.

stylus css button ui-design frontend library interaction-design project transition animation

react-native-swipeout - iOS-style swipeout buttons behind component

Javascript

See example/index.ios.js for a more detailed example. See the Wiki usage tips. To use swipeout behind a iOS-style listitem, try react-native-listitem.

react-native react-component ios swipeout button swipe ui

ShineButton - This is a UI lib for Android. Effects like shining.

Java

This is a UI lib for Android. Effects like shining. Icon shape is made from png mask. Please see raw files.

custom effects button

Fomantic-UI - Fomantic-UI is a community fork of Semantic-UI

Javascript

A community fork of the popular Semantic-UI framework. EDIT: Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the > v3 proposals here.

ui ui-components flexbox css-framework dropdown button popup sidebar tooltip semantic fork fomantic fomantic-ui semantic-ui css3 framework

react-native-apple-authentication - A React Native library providing support for Apple Authentication on iOS and Android

Javascript

A well typed React Native library providing support for Apple Authentication on iOS and Android, including support for all AppleButton variants. You are using React Native version 0.60 or higher.

react react-native apple ios button firebase aws authentication apple-auth apple-authentication

bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue

Javascript

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 tooltip

uiv - Bootstrap 3 components implemented by Vue 2.

Javascript

If 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-select

react-native-button - A button for React apps

Javascript

Install the button from npm with npm install react-native-button --save. Then, require it from your app's JavaScript files with import Button from 'react-native-button'. The React packager will include the Button component in your app's JS package and make it available for your app to use.

react-native button component

ng-material-floating-button - Material design floating menu with action buttons implemented as an Angularjs directive

Javascript

Material design floating action button implemented as an Angularjs directive. Shamelessly inspired by action buttons from Google Inbox, Evernote and Path. Made to be fast and easy to customise. It works out of the box with no other dependency apart from Angular, but plays nicely with the Angular Material bundle, for which it has dedicated templates.

angular directive material design floating button google inbox