All Projects → nagelflorian → react-duotone

nagelflorian / react-duotone

Licence: MIT License
React Duotone Component

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-duotone

react-windows-ui
Build Windows fluent UI apps using ReactJS. Provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.
Stars: ✭ 383 (+1373.08%)
Mutual labels:  react-component
mighty-input
Text input for modern web
Stars: ✭ 20 (-23.08%)
Mutual labels:  react-component
shortcut-preview
A React component to preview iOS Shortcuts
Stars: ✭ 20 (-23.08%)
Mutual labels:  react-component
react-carousel-minimal
React.js Responsive Minimal Carousel
Stars: ✭ 76 (+192.31%)
Mutual labels:  react-component
markdown-navbar
Best markdown navigation bar for React.
Stars: ✭ 122 (+369.23%)
Mutual labels:  react-component
react-liff
A react context provider for LIFF (LINE Front-end Framework)
Stars: ✭ 22 (-15.38%)
Mutual labels:  react-component
win95-media-player
💿 Back from 1995, and running on your website
Stars: ✭ 56 (+115.38%)
Mutual labels:  react-component
react-video-players
📺 Library of React video player components that offer a consistent interface and callback system for Vimeo, YouTube and the <video> tag. Along with a handy higher order component for building your own 😉
Stars: ✭ 13 (-50%)
Mutual labels:  react-component
react-native-nested-listview
A UI component for React Native for representing nested arrays of N levels
Stars: ✭ 163 (+526.92%)
Mutual labels:  react-component
candy mobile
No description or website provided.
Stars: ✭ 16 (-38.46%)
Mutual labels:  react-component
react-touch-ripple
Create ripple effect from Material Design with React
Stars: ✭ 27 (+3.85%)
Mutual labels:  react-component
react-fake-component
Chuck Norris faking components
Stars: ✭ 24 (-7.69%)
Mutual labels:  react-component
font-picker-react
✏️ Font selector component for Google Fonts
Stars: ✭ 126 (+384.62%)
Mutual labels:  react-component
react-example-paginated-list-infinite-scroll
Follow a React tutorial series with three parts to build a powerful component in React.
Stars: ✭ 43 (+65.38%)
Mutual labels:  react-component
react-taggy
A simple zero-dependency React component for tagging user-defined entities within a block of text.
Stars: ✭ 29 (+11.54%)
Mutual labels:  react-component
react-compare-slider
A slider component to compare any two React components in landscape or portrait orientation. It supports custom images, videos... and everything else.
Stars: ✭ 78 (+200%)
Mutual labels:  react-component
react-form-base
Base React component for generic forms
Stars: ✭ 18 (-30.77%)
Mutual labels:  react-component
termy-the-terminal
Web-based terminal powered by React
Stars: ✭ 43 (+65.38%)
Mutual labels:  react-component
react-nft-gallery
🖼️ React component to display your NFTs as a gallery
Stars: ✭ 50 (+92.31%)
Mutual labels:  react-component
react-quick-pinch-zoom
A react component that providing multi-touch gestures for zooming and dragging on any DOM element.
Stars: ✭ 124 (+376.92%)
Mutual labels:  react-component

React Duotone Build Status Airbnb JavaScript Style Guide styled with prettier

Example Duotone Image

Installation

npm install --save react-duotone

How to use

import React, { Component } from 'react';
import { render } from 'react-dom';
import { DuotoneImage } from 'react-duotone';

class App extends Component {
  render() {
    return <DuotoneImage
      className='image-preview'
      alt='Your image description'
      src='your-image.jpg'
      primaryColor='#FBFBFB'
      secondaryColor='#283B6B' />;
  }
}

render(<App />, document.getElementById('app'));

Examples

npm install
npm start
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].