ui-scroll - Unlimited bidirectional scrolling over a limited element buffer

  •        40

The common way to present to the user a list of data elements of undefined length is to start with a small portion at the top of the list - just enough to fill the space on the page. Additional rows are appended to the bottom of the list as the user scrolls down the list.The problem with this approach is that even though rows at the top of the list become invisible as they scroll out of the view, they are still a part of the page and still consume resources. As the user scrolls down the list grows and the web app slows down.

https://github.com/angular-ui/ui-scroll

Tags
Implementation
License
Platform

   




Related Projects

vue-scroller - Scroller Component for Vue.js

  •    Javascript

Vue Scroller is a foundational component of Vonic UI. In purpose of smooth scrolling, pull to refresh and infinite loading. For vue 1.0, please refer to branch v1.

ui-leaflet - AngularJS directive to embed an interact with maps managed by Leaflet library

  •    Javascript

While we are grateful for all the original work at tombatossals/angular-leaflet-directive. We need to be able to operate as an organization to respond to issues, pull-requests and other various items quicker. We need to be able to add other developers as admins easier via group permissions via github orgs. Lastly this project needs to be more credible via being a group / org.Please note the master branch is currently in a "in-progress state" and is not suitable for use at this point. We are trying break up the library to be more unix / plugin like. This will reduce the burden of constant changes to the core repo (this repo) for each and every unforseeable plugin that leaflet has. Therefore, the new usage plugins will require developers (angular-ui or not) to create specific angular directives, services, factories, and etc to extend the main ui-leaflet directive. Where ui-leaflet would be the main dependency.

angular-kendo - A project to create a robust set of Angular.js bindings for Kendo UI widgets

  •    Javascript

The Angular-Kendo integration is already added officially in Kendo UI Professional and Kendo UI Core, and supported as part of Kendo UI Professional. Therefore, loading angular-kendo.js from this repository is no longer necessary, since it is deprecated. We strongly recommend using the official Angular integrations as only these will be developed and supported in the future, along with new versions of Angular.For more information regarding how to use Kendo UI and Angular together, please refer to this page and the official docs.

Semantic-UI-Angular - Semantic UI Angular Integrations

  •    TypeScript

Semantic-UI-Angular is a pure AngularJS 1.x set of directives for Semantic-UI components. We are considering Angular 2 support in the future. We've decided to use TypeScript as a step to Angular 2 friendly environment.We are working on setting up proper environment, contribution guidelines and everything else for comfortable community contributions. Once we release first alpha.0 we are happy to get community help.

angular-scroll - Scrollspy, animated scrollTo and scroll events for angular.js

  •    Javascript

Angular is only dependency (no jQuery). 8K minified or 2K gzipped. Check out the live demo or the source code.


ui-grid - UI Grid: an Angular Data Grid

  •    Javascript

Head to http://ui-grid.info for documentation and tutorials. Join https://gitter.im/angular-ui/ui-grid to discuss development and ask for specific help.Need Some Inspiration? Have a look at our open PRs Plz! issues.

mobiscroll - Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)

  •    CSS

Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability and performance. Mobiscroll Forms ships with 15 customizable controls that you can use for free that are included in this repository. Use Forms with the premium products that can be found on the Mobiscroll website. You can use the controls in web and hybrid/native cross-platform apps. At it's core Mobiscroll is framework agnostic, but API variants for jQuery/jQuery Mobile, Angular/Ionic, Angular JS/Ionic 1 and React is available.

bootstrap-bower - This is a bower repository to hold Angular UI Bootstrap releases.

  •    Javascript

Installation 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.

ui-router-tabs - Idiot-proof tab panes with route support using Angular.js + Bootstrap 3 + UI Router

  •    Javascript

Leverages UI Bootstrap and UI Router to give you full-strength route-driven tabs in Angular.js.Add ui.router.tabs as a new module dependency in your angular app.

vue-mugen-scroll - Infinite scroll component for Vue.js 2

  •    Javascript

むげん [mugen] means Infinity in English.The handler function to run after you scroll to the bottom of the list. It will also be invoked on component mounted and the mugen-scroll component is visible in viewport.

ui-sortable - jQuery UI Sortable for AngularJS

  •    Javascript

This directive allows you to sort an array with drag & drop.Single minified cdn link ~245kB and example with JQuery v1.x, required parts of JQueryUI v1.10, AngularJS v1.2 & latest angular-ui-sortable.

ui-select2 - AngularJS wrapper for select2 (deprecated, use angular-ui/ui-select)

  •    Javascript

AngularJS wrapper for select2 (deprecated, use angular-ui/ui-select)

ui-router - The de-facto solution to flexible routing with nested views in AngularJS

  •    TypeScript

Angular UI-Router is a client-side Single Page Application routing framework for AngularJS.Routing frameworks for SPAs update the browser's URL as the user navigates through the app. Conversely, this allows changes to the browser's URL to drive navigation through the app, thus allowing the user to create a bookmark to a location deep within the SPA.

angular-schema-form - Generate forms from a JSON schema, with AngularJS!

  •    Javascript

Much of the new development is being done in Assimilate, a standardised validator for JSON Schema to help ensure changing validators is never as painful as escaping tv4 is, as well as a new core library to allow for a more predictable upgrade from AngularJS to Angular. If you use ASF in your project/company please let us know! We'd love to feature you on the site.

storybook - UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!

  •    TypeScript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

PrimeNG - The Most Complete User Interface Suite for Angular

  •    Javascript

PrimeNG is a collection of rich UI components for Angular. The most complete set of native widgets featuring 70+ easy to use components for all your UI requirements.

FairyGUI-unity - A flexible UI framework for Unity

  •    CSharp

By using FairyGUI Editor, you can build a variety of complex game interface without writing code or any configuration files. Support Unity、Cocos2dx、Cry Engine、 Havok Vision/Project Anarchy、Egret、LayaAir、Haxe、Pixi、Flash、Starling,and Unreal、LibGDX、Three.js in the future. Compared with traditional Unity UI engines such as NGUI and UGUI, FairyGUI uses a way of thinking closer to the designer to redefine the production process of the UI, which greatly reduces the time the programmer needs to invest in making the UI.

nebular - Nebular is a set of essential modules for your next Angular application.

  •    TypeScript

Nebular is a great toolkit if you build a Rich UI application based on Angular, and don't want to spend your time on painful project setup. It provides you with a unified approach for managing styles for various components (3rd party including), pure components tightly connect to Angular and authentication layer easily configurable for your API.There are a lot of awesome front-end frameworks out there these days. They provide a massive quantity of useful features making our lives more comfortable. Our intention is not to create a new one as we are pretty much aware of the complexity and amount of work developers put on their creations. But as developers, we feel that nowadays front-end development is disjointed. You have to search for libraries, go through the different installation process, everything looks different, and sometimes it's just annoying that you can't just sit and start going. That's why we are on a mission to assemble together the most usefule modules and libraries, join them with a unified application and graphical interface creating a great toolkit for easier setup.