future-tint v1.9.0

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. .

Table of Contents

• Installation
• For HTML CDN
• Available Classes
• Search for Classes
• Responsive Sizes
• How to Use

Installation

You can install this package via npm:

npm install future-tint

For HTML CDN

You can include the CSS file in your HTML file using the following CDN link:

https://cdn.jsdelivr.net/npm/future-tint@latest/dist/common.min.css

Search Classes

For search available futuretint classes by enter style name example you need margin related classes enter simply margin https://futuretint.futureapps.in/

Responsive Sizes

Usage

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-50pxmeans 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

Future Tint Components

we will launch soon our future tint components supported in react to build responsive pages with simlpe usage

Developed By

This is Future Tint are built by Future Apps Visit Our Website