Reduce coding stress and increase your Production speed.
Classes
You can use any of the values on the funcss prop to style your component. you can also use them in your className prop to apply our CSS styles.
You can use any of the values on the funcss prop to style your component. you can also use them in your className prop to apply our CSS styles.
Filter*
| Name | Values | |
|---|---|---|
| Plain Border | Eliminate border radius from elements with default rounded corners | flat |
| Invisible Background | Generate a see-through background | transparent |
| Glass Effect | Create a glass-like background appearance | glassy |
| Elevated Card | Apply a raised effect to the box shadow of an element | raised |
| Pointing Cursor | Alter cursor to a pointing hand | cursor-pointer,cursor-copy,cursor-none,cursor-move |
| Text Alignment | Adjust text alignment | text-left , text-right , text-center |
| Hovering Shadow | Produce a shadow effect on hover | hover-shadow |
| Left-side Border | Create a border on the left side | vr |
| Bottom-side Border | Create a border at the bottom | hr |
| Simple Border | Add a basic border | border |
| Layer Ordering | Arrange layers, values range from 1 to 10 | z-index-value |
| Transparency | Adjust opacity, values range from 1 to 10 | opacity-value |
| Darkening | Apply a dark background effect, values range from 1 to 10 | darken-value |
| Hover Opacity Adjustment | Adjust opacity on hover, values range from 1 to 10 | hover-opacity-value |
| Fixed Positioning at Top | Fix element position at the top | fixed-top or fixedTop |
| Fixed Positioning at Bottom | Fix element position at the bottom | fixedBottom |
| Sticky Top Element | Create a sticky element at the top | sticky-top |
| Margin Addition | Add a margin of 0.5rem | margin |
| Padding Addition | Add a padding of 0.5rem | padding |
| Top Border | Create a border at the top | bt |
| Right Border | Create a border at the right | br |
| Border Curvature | Apply a border radius to all edges of your element | roundEdge | roundEdgeSmall | roundEdgeMax |
| Curved Left Edge | Apply a border radius to the left side of the element | leftEdge |
| Curved Right Edge | Apply a border radius to the right side of the element | rightEdge |
| Curved Top Edge | Apply a border radius to the top of the element | topEdge |
| Curved Bottom Edge | Apply a border radius to the bottom of the element | bottomEdge |
| Shadow Removal | Eliminate shadow from components with a shadow effect | shadowless |
