FutureTint is a utility-first CSS library that provides custom classes for styling. It is designed to work seamlessly with React applications and gives you the flexibility to build responsive layouts with minimal effort. .
You can install this package via npm:
npm install future-tintYou can include the CSS file in your HTML file using the following CDN link:
https://cdn.jsdelivr.net/npm/future-tint@1.6.7/dist/common.min.css
For search available futuretint classes by enter style name example you need margin related classes enter simply margin https://futuretint.futureapps.in/
| Devices | Pixles | Description |
|---|---|---|
| vs | <427px | Very small devices |
| xs | <567px | Extra small devices |
| sm | <767px | Small devices |
| md | <867px | Medium devices |
| lg | <1024px | Large devices |
| xl | <1225px | Extra large devices |
| xxl | <1440px | Very extra large devices |
import React from 'react';
import 'future-tint/dist/common.min.css';
<div class="px-10px px-10px--sm h-50px fs-22px rd-20px rd-tl-15px">
Your Content Here.
</div>in this use px means padding-left and right, h-50px means height is 50px, rd-20px = borader radius is 20px and rd-tl-20px means border-top-left-radius 15px
this FutureTint is help to build your web fast by using our classes with responsive
we will launch soon our future tint components supported in react to build responsive pages with simlpe usage
This is Future Tint are built by Future Apps Visit Our Website