Spots - :bamboo: Spots is a cross-platform view controller framework for building component-based UIs

  •        14

Spots is a cross-platform view controller framework for building component-based UIs. The internal architecture is built using generic view models that can be transformed both to and from JSON. So, moving your UI declaration to a backend is as easy as pie. Data source and delegate setup is handled by Spots, so there is no need for you to do that manually. The public API is jam-packed with convenience methods for performing mutation, it is as easy as working with a regular collection type. If you are looking for a way to get started with Spots, we recommend taking a look at our Getting started guide.

https://github.com/zenangst/Spots

Tags
Implementation
License
Platform

   




Related Projects

Spots - :bamboo: Spots is a cross-platform view controller framework for building component-based UIs

  •    Swift

Spots is a cross-platform view controller framework for building component-based UIs. The internal architecture is built using generic view models that can be transformed both to and from JSON. So, moving your UI declaration to a backend is as easy as pie. Data source and delegate setup is handled by Spots, so there is no need for you to do that manually. The public API is jam-packed with convenience methods for performing mutation, it is as easy as working with a regular collection type. If you are looking for a way to get started with Spots, we recommend taking a look at our Getting started guide.

HubFramework - Spotify’s component-driven UI framework for iOS

  •    Objective-C

Welcome to the Hub Framework - a toolkit for building native, component-driven UIs on iOS. It is designed to enable teams of any size to quickly build, tweak and ship new UI features, in either new or existing apps. It also makes it easy to build backend-driven UIs.The Hub Framework has two core concepts - Components & Content Operations.

ZK – Java Web Framework for Web and Mobile

  •    Java

ZK is the leading Ajax + Mobile framework that is designed to build amazing Java web applications in a quick, efficient and elegant manner without needing any knowledge on Ajax or JavaScript. Unlike other conventional web frameworks, ZK is renowned for its shallow learning curve and unique Server+client architecture offering users a high performance, high security and low maintenance framework at an enterprise level.

Hot Spots

  •    

A Hot Spots KB of common hot spots, frames, and scenarios.

hack-spots - Using Sheetsee

  •    Javascript

This is the code for a website that shows the spots myself, my friends (or Twitter friends) have found to be excellent hacking spots around the whole wide world. GitHub gives free hosting for every repository (see GitHub Pages).


montage - Montage is an elegant, open source HTML5 framework maintained by Montage Studio that rivals native SDKs, yet is easier to learn

  •    Javascript

MontageJS is a new type of application framework powered by standard web technologies. Designed with an eye toward maintainability and performance, MontageJS simplifies the development of rich HTML5 applications by providing modular components, real-time two-way data binding, object serialization with DOM mapping, event handling, a managed component draw cycle, CommonJS dependency management, and many more conveniences to help build robust single-page web applications. MontageJS has a clean interface for creating custom user interface components. Each component can stand alone or be composed of other components. Each component is modeled as a stand-alone web application with its own HTML template, JavaScript, CSS, serialized component object model, and resources. With few exceptions, a component can stand on the web platform like any other web page. There are no fully JavaScript-driven templates in MontageJS. This separation of concerns allows designers to use the technologies they are comfortable with (without having to dig into the JavaScript) and developers to isolate and test individual components using familiar techniques.

Apache Beehive - Simple object model on J2EE and Struts

  •    Java

Beehive makes J2EE programming easier by building a simple object model on J2EE and Struts

dumb-react

  •    Javascript

Dumb React is a collection of React components used to create a static (dumb) website screen. Why do this? Many React tutorials or boilerplates I've encountered are either too basic ("here's a button component!") or more often too complex ("here's a simple babel typescript redux cssmodules isometric oh god oh god oh god..."). I wanted to be able to draw a straight line from how a simple component ("atom" in atomic design speak) makes its way into a full page. There are a ton of different ways to build reusable components and put dynamic content inside them, and many teams — even ones that aren't building highly-interactive web apps that would actually benefit from a tool like React — are reaching for React to create component-driven experiences. So in that spirit, I wanted to create a demo that shows how to construct a whole screen (even if it's a dumb, static one) out of React components.

uxcore - A React UI Component Suites living for enterprise application http://uxco

  •    CSS

UXCore is a set of React Components that is designed for enterprise-class pc backend application. Focus on Enterprise-class App: Powerful but easy-to-use Form and Table.

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.

aura - A scalable, event-driven JavaScript architecture for developing component-based applications.

  •    Javascript

Aura is an event-driven architecture for developing scalable applications using reusable components. It works great with Backbone.js, but is framework-agnostic, adapts many best-practice patterns for developing maintainable apps and has first-class support for modern tools like Bower, Grunt and Yeoman. Aura has been used to develop applications like MIT's Reap and is currently under active development.

regular - regularjs: a living template engine that helps us to create data-driven component.

  •    Javascript

Regularjs is a living template engine that helps us to create data-driven components. This example is dead simple, but you can find the directive and attribute is easily switched by statement 'if', which is difficult with other mvvm frameworks.

core - The server component of API Platform: hypermedia and GraphQL APIs in minutes

  •    PHP

API Platform Core is an easy to use and powerful system to create hypermedia-driven REST APIs. It is a component of the API Platform framework and it can be integrated with the Symfony framework using the bundle distributed with the library. It natively supports popular open formats including JSON for Linked Data (JSON-LD), Hydra Core Vocabulary, Swagger (OpenAPI), HAL and HTTP Problem.

Kinect Spots

  •    CSharp

Kinect Spots is a small little app that displays a stylized bubble image based on the input from the Microsoft Kinect's camera.

spots-dialog - Android AlertDialog with moving dots progress indicator

  •    Java

Android AlertDialog with moving spots progress indicator packed as android library. Javadoc and sources package classifiers available too.

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

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.

zent - A collection of essential UI components written with React.

  •    Javascript

Zent ( \ˈzent\ ), a collection of essential UI components written with React. Zent ( \ˈzent\ ) is a React component library developed and used at Youzan. Zent provides a collection of essential UI components and lots of useful domain specific components.

storybook - Interactive UI component dev & test: React, React Native, Vue, Angular

  •    Javascript

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.

react-treebeard - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.

  •    Javascript

React Tree View Component. Data-Driven, Fast, Efficient and Customisable. Callback function when a node is toggled / clicked. Passes 2 attributes: the data node and it's toggled boolean state.