Framer Library is an open source JavaScript framework for high fidelity prototyping. Use it to design animations and interactions without any limitations. Make use of real spring physics or animate with 3D effects, anything is possible. There are 2 ways to use Framer Library. To get most out of Library download Framer; a design tool for the Mac. The other way you can leverage Framer Library is with generator; an app that imports your layers from Sketch, Photoshop and Figma. The following features are included with each option.
prototypingQuickly try out any Swift pod or framework in a playground
playground xcode prototyping cocoapodsDesign and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable. Here is the full design in a Storyboard in Interface Builder.
interface-builder animation transition-animation ui-components uikit ios prototyping protocol-orientedOnly OSX 64bit 10.9 and later are supported. Windows 7 and later are supported, older operating systems are not supported (and do not work).
pencil nodejs electron sketching ui-design prototyping mockup drawing wireframeScaffold vuejs projects by dragging-dropping components directly into the visual editor and moving-resizing them to your choice. Vuegg leverages the creation of the pages and routes of your app/website, eases the styling work and helps to achieve a rapid-prototyping workflow (... at least in theory). The aim of this project is to merge designing and prototyping into one single process. Whenever you're happy with what you see on the screen, just get your code.
vue gui generator mdc rapid prototyping vueggRead more about x0 in our blog post. x0 renders a directory of React components, automatically handling routing based on filename. Create a docs folder and add an index.js file.
react jsx webpack compositor static-site-generator zero-configuration testing components isolated development-environment ui design-systems documentation docs mdx markdown zero-config prototypingWired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The elements are drawn with enough randomness that no two renderings will be exactly the same - just like two separate hand drawn shapes.
webcomponents lit-element wireframes wireframe web-components lit-html prototyping webcomponent web-component rough sketchy hand-drawnWired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The package (wired-elements) exports all components in the wired category. List of all wired elements can be found here.
webcomponents web-components prototyping wireframe wireframes lit-html lit-element webcomponent web-component rough sketchy hand-drawnAtmo makes creating mock web services for demos, presentations and experiments ridiculously easy.You are looking at the new Atmo, which is an electron app. But the initial version was a CLI tool. Find atmo classic here.
atmo prototyping mock-services mock-server zeitMDX is great for documentation, building demos, or quickly prototyping with React components, without the need to set up a full-blown React application. Similar to Compositor x0, ok-mdx is meant to be installed as a global command line utility that you can use alongside your application setup or in isolated sandbox environments. ok-mdx works well as a local alternative to tools like CodeSandbox when working with React components. ok-mdx needs a directory of .mdx or .md files to work.
react mdx cli development prototyping markdown jsxJSON Server is a full fake REST API with zero coding in less than 30 seconds Created with <3 for front-end developers who need a quick back-end for prototyping and mocking.
json server fake rest api prototyping mock mocking test testing data dummy sandboxEasy and fast HTTP mock server. Built with Go - Mmock runs without installation on multiple platforms.
mock stubbing prototyping http httpmockRosetta is tool for building all kinds of tasks without having to program a single line of code.
addins prototyping templateThe SketchFlow Template for Windows Phone adds a new SketchFlow template for Expression Blend users, making it fast and easy to prototype Windows Phone applications.
prototyping wp7 blend prototype sketch sketchflow windows-phone-7Digital Interaction Group develops Microsoft .NET Gadgeteer modules, code and example projects.
module music open-sound-control osc prototypingA software based networked lighting controller. It brokers many protocols together to allow easy setup and development of new stage lighting controllers.
api dmx events lighting osc protocol-broker prototypingSketchpad is an innovative, bolt-on development environment for your existing Laravel site. It's a place to write, test, experiment and execute code, or just a place to group useful tools and functions you want easy access to.
laravel testing tinker live-coding demo prototyping toolingA clone of dat.GUI using Polymer: similar API but with Material Design UI and touch/mobile friendly.
polymer gui library prototyping dat.gui
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.