The stagger text reveal animation helps you to apply stagger effect to your text.How to use it:1. Install and import the StaggerText.# NPM $ npm i stagger-text-reveal-animationimport React from 'react'; import StaggerText from "stagger-text-reveal-animation";2. Add the <StaggerText /> component to the app

An animated bottom tab bar for React Native. Depends on d3-shape and react-native-svg.How to use it:1. Import the animated tabbar component.import {BottomTabs} from 'rn-animated-tabbar';2. Create a simple bottom tab bar.<View style={{position: 'absolute', bottom: 0, right: 0, left: 0, backgroundColor: '#513070',

A text-portrait generator app built with React and Tailwind.css. Preview: The post CSS Text Portrait Generator With React appeared first on ReactScript. Credit: Source link

A simple calculator app built using Tailwind CSS and React.js. Preview: The post Simple Calculator App With React And TailwindCSS appeared first on ReactScript. Credit: Source link

Animated Checkbox created with React Native SVG and React Native Reanimated.How to use it:1. Install and import the animated checkbox component.# NPM $ npm i react-native-checkbox-reanimatedimport React, { useState } from 'react' import { StyleSheet, View, Pressable } from 'react-native' import AnimatedCheckbox from

This is a rewrite of the react-native-emoji-picker, which provides a native-looking emoji picker for your React Native applications.How to use it:1. Install and import the emoji-modal.# NPM $ npm i react-native-emoji-modalimport EmojiModal from 'react-native-emoji-modal';2. Add the emoji-modal component to the app.<EmojiModal

A simple year range picker component for React.How to use it:1. Install and import the year range picker component.# NPM $ npm i react-year-range-pickerimport React, { useState } from 'react' import { YearRangePicker } from 'react-year-range-picker'2. Create a basic year range picker

sassy-datepicker is a lightweight, customizable, accessible, and beautiful date picker component for React.How to use it:1. Install and import the sassy-datepicker.# Yarn $ yarn add sassy-datepicker # NPM $ npm i sassy-datepickerimport { useState } from 'react'; import DatePicker from 'sassy-datepicker';2. Add the date

react-special-cursor gives you the ability to decorate your cursor not only one shape it lets you change the shape with the different class name that you passed to Component.How to use it:1. Install and import the react-special-cursor.# NPM $ npm i

Render Markdown as React components using marked.How to use it:1. Install & import.# NPM $ npm i marked-reactimport ReactDOM from ‘react-dom’;2. Basic usage.const rootEl = document.getElementById('root'); ReactDOM.render(<Markdown># Hello world!</Markdown>, rootEl);3. Available props.const defaults = { // Add br tag on single line