We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
storybook - Interactive UI component dev & test: React, React Native, Vue, Angular
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.
storybook styleguide testing components library isolation webpack addons ui react vue react-native design-systems angular polymerarc - React starter kit based on Atomic Design
ARc (Atomic React) is a React starter kit based on the Atomic Design methodology. It's progressive, which means that you can start with the basic boilerplate and try the other features when you are comfortable. If you find this useful, please don't forget to star ⭐️ the repo, as this will help to promote the project. Follow me on Twitter and GitHub to keep updated about this project and others.
react redux storybook boilerplate universal react-router redux-saga jest atomic-design styled-components isomorphic css-in-js starter-kitvue-play - 🍭 A minimalistic framework for demonstrating your Vue components
A minimalistic framework for demonstrating your Vue components, inspired by react-storybook. The only thing you really need to worry about is ./play/index.js, since you will write scenarios or dynamically load scenarios there.
vue storybook demonstrate play component uireact-responsive-carousel - React.js Responsive Carousel (with Swipe)
Powerful, lightweight and fully customizable carousel component for React apps.
react carousel swipe mobile react-component slider gallery keyboard-navigation autoplay infinite-scroll storybook demo image-gallery responsive mobile-friendly viewloki - 👁 Visual Regression Testing for Storybook
There are a few visual regression tools for the web, but most either cannot be run headless or use phantomjs which is deprecated and a browser nobody is actually using. They usually also require you to maintain fixtures. With react-native it's now possible to target multiple platforms with a single code base, but there's no single tool to test all to my knowledge. Loki aims to have easy setup, no to low maintenance cost, reproducible tests independent of which OS they are run on, runnable on CI and support all platforms storybook does.
react react-native testing storybook visual-testing visual-regression ios web android react-storybook mobilereact-event-timeline - A responsive event timeline in React.js
A react component to generate responsive event timeline.
reactjs timeline widget react-component storybook react notificationstorybook-deployer - Deploy your storybook as a static site
Then you can run npm run deploy-storybook to deploy the Storybook to GitHub Pages. Make sure to set the output directory as .out.
storybook github-page deployer deploy github staticjest-storybook - Generate Jest snapshots from existing storybooks (similar to storyshots).
Generate Jest snapshots from existing storybooks (similar to storyshots).Note: this isn't a library, but a set of instructions + code to do this yourself. If a wortwhile abstraction arises, I'll publish it accordingly.
jest storybook storyshotsreact-storybook-decorator-background - Background colors for your React Storybook
Background colors for your React Storybook. When you call backgroundColor with a list of hex codes, it'll create the swatches in that order on the bottom right of the story preview. The first color in the list will be the default background color.
react storybook ui styleguidebackpack-ui - All the tools you need to build the Lonely Planet UI experience.
Every adventurer needs a set of tools to take along the way! Backpack is the Lonely Planet toolset that we use to build front end apps. Open http://localhost:6006/ in your favorite web browser.
styleguide pattern-library react redux storybook backpack-ui backpackworkflow-reactjs - My workflow with ReactJS + Webpack 3+
If you are on Windows, and try to run yarn lint, you'll get an error because spawn module does not work very well on Windows. You should install cross-spawn, and edit gulpfile.js, removing line 4 and uncomment line 7.
storybook workflow webpack workflow-reactjs boilerplate boilerplate-template reactjs react webpack2 async-await dynamic-importcolors-show - Present your application colors with style.
Present your application colors with style. colors - object / required - Map of colors where key is a name and value is a color in CSS one of css formats.
storybook styleguide colors css-in-js showcase reactbuffer-components - Buffer's shared collection of React UI components 🤜🤛
A shared set of UI Components using React and CSS Modules. To use this in your project start at the usage section. If you'd like to add to this library skip to component development.
react storybook snapshot-testing atomic-designsaiku-react-starter - A template for writing React based ECMAScript 2015 (ES6) + Redux + React Router + Webpack and more
A template for writing React based ECMAScript 2015 (ES6) + Redux + React Router + Webpack and more. If you want to help, please read the Contributing guide.
react webpack storybook redux react-boilerplatereact-starter - A client-side SPA starter bundled with React, Redux, CSS Modules, React Router 4, and Webpack 4
A client-side SPA starter bundled with React, Redux, CSS Modules, React Router 4, and Webpack 4
react redux starter boilerplate react-router-v4 css-modules webpack4 client-side single-page-app storybookuikit-react - UIkit components built with React
React UI component built on top of the UIkit CSS. This library makes no assumptions on how you provide the CSS; load it in any way you like. For our Storybook we import the LESS file from UIkit directly. Check our Storybook to see docs and usage examples for each component in the library.
react uikit storybook react-component react-uikit ecosystem-reactastraea - TypeScript + React + Redux Boilerplate
This is a boilerplate project for developing a mid to large scale client-side application(s) using TypeScript, React, and Redux. For an example project, visit the example branch. Rather than group items by things like components/reducers/actions/etc., items are grouped by domain which can be a saner option as the project grows. Examples of domains can be things like resources (ex. blog/, users/) or other things. (ex. ui/) Domains may include things like components, actions, reducer, etc. but they don’t have to include all of them. In fact, you can think of app/ and common/ as domains. Other files may be present as well.
react redux typescript redux-devtools redux-saga redux-actions jest webpack react-storybook boilerplate storybook enzyme yarn tslintstorybook-state - Manage component state in React storybook.
An extension for Storybook that manages the state of a stateless component. This makes it easier to write stories for stateless components. Register the extension in addons.js.
react storybook reactjsreact-module-boilerplate - Sample React presentational components package.
Sample React components package. Showcase and document techniques and glued tools to build and maintain either single component or UI systems packages. Strive for keeping things simple and efficient.
react boilerplate components ui css-modules babel flow enzyme jest storybook component system styleguide snapshotstorybook-addon-figma - Embed Figma designs in a storybook panel
If you find that the Figma panel at the bottom is not big enough to fit your designs, it is possible to move the panel to the right of the window instead, where it is possible to give it more space. This requires the @storybook/addons-options addon. Note however that it is only possible to do this for all stories at once, and will move all addon panels to the right. A simple setup is shown here.
storybook addon figma
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.
