an implementation of the UITableView from iOS for the web
react react-component infinity famo.us famous animation ui uitableview tableview culling memory table-view infinite-scrollAnimatable layouts, FlexScrollView & widgets for famo.us. Above anything, famous-flex is a concept in which renderables are seperated from how they are layed-out. This makes it possible to change layouts on the fly and animate the renderables from one layout to another. For instance, you can layout a collection of renderables using a CollectionLayout, and change that into a ListLayout. When using flow-mode the renderables will smoothly transition from the old state to the new state using physics, particles and springs.
famo.us famous famous-flex famousflex layoutcontroller scrollcontroller animationcontroller scrollview flexscrollview flex-scrollview datewheel datepicker datetimepicker tabbar tabbarcontroller coverlayout widgets autolayout cassowary visualformat vflAnimated icon for famo.us. Proof of concept, do whatever you want with it.
famo.us famous icon animation animatediconThis article describes the basics of autolayouts visual format language and should be your starting point in getting acquainted with famous-autolayout. The basic concepts are simple but it does require a certain way of thinking. I suggest taking the time to learn and understand the concepts properly and you will be rewarded generously afterwards. The Extended Visual Format Language is a superset of VFL that has been created to solve limitations in standard VFL as well as give you greater control of layouts with less code. Amongst other things, it adds 'z-ordering' which is essential when using VFL with famo.us. Famous-autolayout uses EVFL.
famo.us famous autolayout cassowary visualformat vfl evflAuto-sizing TextareaSurface for famo.us. TextareaSurface for famo.us that emits an event everytime the 'ideal' height for fitting the content changes. This event can then be used to set the size of the Surface to fit the content. AutosizeTextareaSurface is inherited from TextareaSurface.
famo.us famous autosizetextarea autosizetextareasurface autosize textareaBkImageSurface adds support for sizing-strategies such as AspectFit and AspectFill for displaying images with famo.us. It uses a 'div' with a background-image rather than a 'img' tag. Can be used as a drop-in replacement for ImageSurface, in case the size of the div is not derived from the image.
famo.us famous image imagesurface bkimagesurfaceBox-layout takes an margins argument as input and then creates a layout accordingly. Box-layout is intended to be very lightweight and will only create layout-contents and properties for which an margin was specified. For instance, if all margins would be set to 0, then box-layout would create only one modifier, wrapped in a RenderNode, and that would be assigned to .middle. A secondary goal of Box-layout is to reduce boilerplate code that you need to write when using layout-views such as GridLayout or FlexibleLayout. Because Box-layout exposes the renderables as properties, you can simple call <property>.add() to add modifiers and surfaces. Box-layout is modelled after the HeaderFooterLayout view and should be very familiar to use.
famo.us famous box layout boxlayout margin marginsChat-demo for famo.us using the famous-flex FlexScrollView. This project shows how to create a native feeling cross-platform chat application using famo.us.
famo.us famous famous-flex scrollview famous-flex-chat chatDemo for showcasing famous-flex.
famo.us famous famous-flex famous-flex-demoFamo.us view for performing ken-burns style zooming and panning. The view uses a ContainerSurface to embed the renderable in and support clipping.
famo.us famous kenburns ken-burns ken-burns-effect ken burns effectLagometer for famo.us showing the FPS, animation-frames times and script times. If you like this project and want to support it, show some love and give it a star.
famo.us famous lagometer animationframe fpsTo insert or remove items, use the insert and remove methods. When -1 is used in combination with the index it refers to the last + 1 item. When -1 is used in combination with the count then it refers to all items, starting from index.
famo.us famous list listview scrollview scrollcontainerFamous-map makes it possible to add a map-component to the famo.us render-tree. Additionally, famous transitions can be used to pan the map and modifiers can be used to sync the position of renderables with a geographical position. IMPORTANT: Don't forget to read this instruction on google maps running on mobile devices.
famo.us famous famousmap google.maps map maps leaflet leafletjs openlayers openstreetmap mapbox mapboxgl leaflet-pluginA spinning pull to refresh loader that can be used with the famous-flex ScrollView. If you like this project and want to support it, show some love and give it a star.
famo.us famous refresh refresh-loader refreshloader loader spinner pulltorefresh pull-to-refreshNote: this is different from Transform.scale, as it does not apply a scale-matrix, but it merely changes the size.
famo.us famous size sizeconstraint aspectratio min max scale paddingA design pattern that decouples modules using the mediator pattern.
famous mediator design-patternFeel free to contribute to this project in any way. The easiest way to support this project is by giving it a star.
famous routerCreate 3D CSS+WebGL apps declaratively with HTML. Infamous gives you general-purpose Custom HTML Elements that the browser understands, for defining 2D or 3D scenes rendered with CSS3D, WebGL, or both mixed together.
graphics graphics-engine graphics-programming three-d three-dimensions scene custom-elements ui threejs dom-webgl write-3d-scenes webgl css3d html 3d 3d-graphics 3d-models 3d-engine web-components infamous gui graphical-user-interface interface interface-library user-interface widgets ui-widgets components interface-components ui-components app-components layout rendertree render-tree scenegraph scene-graph browser-interface interactive interaction animation 3d-animation browser clientside client-side html5 touch touch-interface responsive mobile famous famo.us web web-development webdev three.js three-js customelements custom-element customelement webvr webxr webcomponents webcomponent web-component
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.