qrcode.react
a-single-div
Our great sponsors
| qrcode.react | a-single-div | |
|---|---|---|
| 6 | 24 | |
| 3,680 | 1,586 | |
| - | - | |
| 6.8 | 7.9 | |
| about 1 month ago | 6 months ago | |
| TypeScript | Stylus | |
| GNU General Public License v3.0 or later | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
qrcode.react
- QR Code reverse engineering
-
How to download fancy QR Codes with React
Generating QR codes on the web is easy. There are lots of libraries out there who help us do it. One of them is qrcode.react which we will be using for the purpose of this tutorial.
-
Encode Google Calendar Invites in a QR Code in NextJS
qrcode.react is a React component used to generate QR (Quick Response) codes that render in the DOM for React applications. The generated QR codes are suited for printing and on-screen scanning.
-
qrcode.react usage
Initial link that are helpful: https://www.npmjs.com/package/qrcode.react
-
Warning: qr.js has been overtaken
Please be careful when scanning any qr code when sending bitcoin, since there is many libraries that depends on qr.ja and it was hacked recently read here
-
Part 2/2 - Game in ReactJS - Cuzzle
qrcode-decoder and qrcode.react
a-single-div
- A Single Div: a CSS drawing project
- Single div: CSS only showcase
- Pure CSS Website
- A Single Div – CSS drawing experiment to see what's possible with a single div
- CSS Arts using only background gradient on a single div element
- CSS drawing (No HTML)
-
I'm genuinely convinced this is impossible. 10 actual working hours and I cannot replicate this in CSS. I'll venmo $15 anybody who can create this in CSS/JS/HTML, where the middle of the "button" will scale depending on how much text there is, but the ends retainscale. Reference SVG in the comments!
I’m reminded of https://a.singlediv.com
-
Launching an Images Website… Without Any Images
Lynn Fisher organizes and promotes this event, aside from her regular Web Designer and Developer job, and has a beautiful collection of single-div CSS drawings that she showcases on her site, A Single Div.
- A Single Div: A CSS Drawing Project by Lynn Fisher
-
Single Div CSS Drawings
Lynn Fisher is the creator of A Single Div (a website with single-element CSS art) and the promoter of Divtober (an October coding challenge to create CSS art with a single div).
What are some alternatives?
react-media - CSS media queries for React
card - :credit_card: make your credit card form better in one line of code
react-recaptcha - A react.js reCAPTCHA for Google
nuka-carousel - Small, fast, and accessibility-first React carousel library with an easily customizable UI and behavior to fit your brand and site.
react-d3-library - Open source library for using D3 in React
PageLoadingEffects - Modern ways of revealing new content using SVG animations.
EVT - đź’§EventEmitter's typesafe replacement
nestflix.fun - A website showcasing nested stories: fictional movies within movies and shows within shows.
react-translate-component - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content.
odometer
react-fetching-library - Simple and powerful API client for react đź‘Ť Use hooks or FACCs to fetch data in easy way. No dependencies! Just react under the hood.
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.