Project Clarity is an open source design system that brings together UX guidelines, an HTML/CSS framework, and Angular components. This repository includes everything you need to build, customize, test, and deploy Clarity. For complete documentation, visit the Clarity website.The easiest way to run a sample Angular application with Clarity is to use the Clarity Seed.
ux ui angular css typescript component-library design-system clarity angular2 angular-componentAngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.
front-end-framework javascript-framework ui-framework user-interface ux-design ux web-frameworkI recommend you to use reactive and modern JavaScript frameworks, such as VueJS and React.A nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs.
checkbox radio style ui ux jquery jquery-plugincta.js or "Call to Animation" is a light-weight performant library to animate any element ("action") onto any other element ("effect") on the page. cta.js is just 1.2KB minified & gzipped.
animation transition ux librarysuperplaceholder.js is a library to bring your input placeholders to life by cycling multiple instructions in a single input placeholder. superplaceholder.js is less than 1KB minified & gzipped.
placeholder form input ux library"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique. After installing Primitive, you may also need to add the path to the Primitive binary file.
webperf webperformance performance image images placeholder lqip svg user-experience perceived-performance ux perceivedif you want to show Spotlight immediately, use addOnGlobalLayoutListener to wait until views are drawn. simply set a title and description, these position will be automatically calculated.
android ui ux spotlight android-ui android-library android-appSleek, intuitive, and powerful front-end framework for faster and easier web development. A 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own.
front-end-framework javascript-framework ui-framework user-interface ux-design uxEasyTransitions is a library that helps developers create custom interactive transitions using simple functions defined in a protocol and avoid handling with the mutiple transitions API's in UIKit. Each of them grabs the available views to perfrom the transition. As read in the docs I avoid grabbing the views directly from the UIViewControllers and access them via UIViewControllerContextTransitioning's view(forKey: UITransitionContextViewKey).
ios ui animations transition interaction uxWelcome to Material, a UI/UX framework for creating beautiful applications. Material's animation system has been completely reworked to take advantage of Motion, a library dedicated to animations and transitions. Take a look at a sample Photos project to get started.
material design material-design animation graphics ios ui ux material-colors navigation-drawer textfield photos searchbar snackbar cosmicmind card navigation-controller swift-3Welcome to Motion, a library used to create beautiful animations and transitions for views, layers, and view controllers. Take a look at a sample Photos project to get started.
animation material-design material cosmicmind transitions ios swift-3 swift-library ui ux designThis is a materials library which assists designers to define, refine and finalise the inter-page logic of their products. At the early stage of the product design process, you can use it to draw the logic diagram between pages. Throughout this process, it can help you visualise and understand product architectures and business processes more easily. OmniGraffle is a software which can help you create precise and beautiful graphics ranging from website wireframes, flow charts, organization structure to illustrations. There are unlimited usage scenarios. For example, you can use it to facilitate thinking process, to visualise brain storm ideas, to draw mind map, to create prototypes of website and PDF files, or use it as a style manager. OmniGraffle provides extensive options for objects, canvases, templates, inspectors, and stencils, fully representing its nature of WYSIWYG. You can also customise your own "Stencils", a group of pre-defined drag-able elements.
omnigraffle stencil axure ux design design-systemsHigh quality plugins with great UX on top of DraftJS. Join the channel #draft-js-plugins after signing into the DraftJS Slack organization or check out our collection of frequently asked questions here: FAQ.
draft-js draft-js-plugins react stickers mentions hashtags editor wysiwyg draft ux components widget react-componentConfigurable React Components with great UX. We recommend you to get started with React first. Once you have a simple application setup you can import any Belle component and use it right away. No stylesheets, font or any other prerequisite needed.
browser react ux components widget react-componentThis theme brings the Material Design visual language to your Sublime Text 3. If you have problems, first search for a similiar issue and then report a new one. Please read the Known Issues section before reporting a new one. Any issue that does not use the issue template and any issue related to the known issues section will be automatically closed.
material-theme theme sublime-text material-ui ux user-experience material-design material sublime text designBe sure to load the pickr.min.js after pickr.min.css. Moreover the script tag doesn't work with the defer attribute. As default color representation is hsva (hue, saturation, value and alpha) used, but you can also convert it to other formats as listed below.
color-picker colorpicker color js-library widget ux-ui pickr uxWe need to specify source and destination for shared element. This library then will move the shared element from source position to destination position. This repo is still under reconstruction. Will be improved.
animation react-native ux motion ui ios androidPanels is a framework to easily add sliding panels to your application. It takes care of the safe area in new devices and moving your panel when the keyboard is presented/dismissed.
swift4 sliding-menu sliding panel panels safe-area iphone-x containerviewcontroller ui ux bottom popup notifications
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.