Popularity
0.3
Declining
Activity
3.5
-
0
0
0
Monthly Downloads: 0
Programming language: JavaScript
Tags:
UI Components
Miscellaneous
captcha-image alternatives and similar libraries
Based on the "Miscellaneous" category.
Alternatively, view captcha-image alternatives based on common mentions on social networks and blogs.
-
react-joyride
Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. -
react-resizable-and-movable
Resizable and movable component for React. -
react-resizable-box
Resizable component for React. #reactjs. -
react-facebook
Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. -
react-avatar
Universal React avatar component makes it possible to generate avatars based on user information. -
react-images-uploader
React.js component for uploading images to the server. -
react-svg-buttons
Configurable animated SVG buttons for react. -
react-file-reader-input
React file input component for complete control over styling and abstraction from file reading. -
material-color-hash
Hash strings to Material UI colors. -
react-avatar-generator
Allows users to create random kaleidoscopes to be used as avatars. -
react-filter-control
The React filterbuilder component for building the filter criteria in the UI. -
react-headings
Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered. -
react-color-scroll
Change and blend new colors on the background as you scroll. -
react-pagespeed-score
A React component for display a dial-type chart of PageSpeed Insights.
Get performance insights in less than 4 minutes
Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Sponsored
scoutapm.com
Do you think we are missing an alternative of captcha-image or a related project?
README
Captcha Image Generator
A simple captcha image generator.
Install
npm install captcha-image
yarn add captcha-image
Example
Play with sandbox example here: Demo
Options
You can pass following parameters to Captcha instance in order to generate custom Captcha image
Attributes | Values |
---|---|
font / String | '35px Arial' |
align / String | 'center' |
baseline / String | 'middle |
width / Number | 300 |
height / Number | 150 |
bgColor / String | #eee |
color / String | #222 |
length / Number / Length of text | 7 |
Events
- createImage() method return HTML element parsed as String
Output
Final outcome looks like this:
<img src="..." data-key="..." />
Demo Usage
React
import Captcha from 'captcha-image';
const captchaImage = new Captcha(
'35px Arial',
'center',
'middle',
300,
150,
'#eee',
'#111',
6
).createImage();
function createMarkup(source) {
return { __html: source };
}
function MyCaptcha() {
return <div dangerouslySetInnerHTML={createMarkup(captchaImage)} />;
}
function App() {
return (
<div className='App'>
<MyCaptcha />
</div>
);
}
export default App;