M
a
k
e
y
o
u
r
U
I
f
l
o
w
b
e
a
u
t
i
f
u
l
l
y
w
i
t
h
Z
y
f
l
o
Zyflo is a library that helps you create beautiful and responsive UIs. It is built with React and Next.js, and styled using Tailwind CSS.
The vision and motive of Zyflo is to make your UI designs look beautiful and responsive, in order to enhance the user experience.
- Components
- 10 (So Far)
- Stars on GitHub
- 1 (Sad ngl)
- Contributors
- 1 (Indie devs be like)
Zyflo Navbar Component
With Image Logo
My Awesome Website
And here is my awesome website's content! This is a paragraph of text that describes my awesome website. Like, this is so cool, right? I am getting tired of writing this now. Can't think of anything else to write so that is why I am writing this. Can't believe I need to write more of this. Like seriously, this is not fun, I do not know why you are laughing. More importatnly, why are you even reading this in the first place? You need to go touch grass bro.
With Text Logo and Custom Heading
Icon Nav
My Awesome Website
And here is my awesome website's content! This is a paragraph of text that describes my awesome website. Like, this is so cool, right? I am getting tired of writing this now. Can't think of anything else to write so that is why I am writing this. Can't believe I need to write more of this. Like seriously, this is not fun, I do not know why you are laughing. More importatnly, why are you even reading this in the first place? You need to go touch grass bro.
With Icons in Navigation Items
Icon Nav
My Awesome Website
And here is my awesome website's content! This is a paragraph of text that describes my awesome website. Like, this is so cool, right? I am getting tired of writing this now. Can't think of anything else to write so that is why I am writing this. Can't believe I need to write more of this. Like seriously, this is not fun, I do not know why you are laughing. More importatnly, why are you even reading this in the first place? You need to go touch grass bro.
With Mobile Navigation Footer
Admin Panel
My Awesome Website
And here is my awesome website's content! This is a paragraph of text that describes my awesome website. Like, this is so cool, right? I am getting tired of writing this now. Can't think of anything else to write so that is why I am writing this. Can't believe I need to write more of this. Like seriously, this is not fun, I do not know why you are laughing. More importatnly, why are you even reading this in the first place? You need to go touch grass bro.
Centered Mobile Navigation
E-Commerce
My Awesome Website
And here is my awesome website's content! This is a paragraph of text that describes my awesome website. Like, this is so cool, right? I am getting tired of writing this now. Can't think of anything else to write so that is why I am writing this. Can't believe I need to write more of this. Like seriously, this is not fun, I do not know why you are laughing. More importatnly, why are you even reading this in the first place? You need to go touch grass bro.
Zyflo Alert Component
Zyflo Alert (Info)
Zyflo Alert (Warning)
Zyflo Alert (Danger)
Zyflo Alert (Success)
Zyflo Alert (Default)
Zyflo Alert (Outline)
Zyflo Alert (Secondary)
Zyflo Alert (Light)
Zyflo Alert (Gradient)
Zyflo Badge Component
Small Variants
Medium Variants
Large Variants
Zyflo Link Embed Component
Link Embed (Card)
Link Embed (Light)
Link Embed (Info)
Link Embed (Warning)
Link Embed (Danger)
Link Embed (Success)
Link Embed (Default)
Link Embed (Outline)
Link Embed (Secondary)
Link Embed (Transparent)
Link Embed (Gradient)
Zyflo Liquid Button Component
Small Variants
Medium Variants
Large Variants
Zyflo Animated Background Component
Purple Haze Variant
Blue Skies Variant
Pink Dreams Variant
Ocean Breeze Variant
Lavender Mist Variant
Aqua Marine Variant
Emerald Glow Variant
Mint Chocolate Variant
Pastel Paradise Variant
Lime Light Variant
Shadow Dance Variant
Custom Variant
Zyflo AOS Component
Fade Variant
Content goes here
Slide Left Variant
Content goes here
Slide Right Variant
Content goes here
Slide Top Variant
Content goes here
Slide Bottom Variant
Content goes here
Slide Top Left Variant
Content goes here
Slide Top Right Variant
Content goes here
Slide Bottom Left Variant
Content goes here
Slide Bottom Right Variant
Content goes here
Scale Center Variant
Content goes here
Scale Left Variant
Content goes here
Scale Right Variant
Content goes here
Scale Bottom Variant
Content goes here
Scale Top Variant
Content goes here
Scale Top Right Variant
Content goes here
Scale Top Left Variant
Content goes here
Scale Bottom Right Variant
Content goes here
Scale Bottom Left Variant
Content goes here
Rotate Right Variant
Content goes here
Rotate Left Variant
Content goes here
Rotate Bottom Variant
Content goes here
Rotate Top Variant
Content goes here
Rotate Bottom Right Variant
Content goes here
Rotate Bottom Left Variant
Content goes here
Rotate Top Left Variant
Content goes here
Rotate Top Right Variant
Content goes here
Flip Right Variant
Content goes here
Flip Left Variant
Content goes here
Flip Bottom Variant
Content goes here
Flip Top Variant
Content goes here
Flip Top Right Variant
Content goes here
Flip Top Left Variant
Content goes here
Flip Bottom Right Variant
Content goes here
Flip Bottom Left Variant
Content goes here
Zyflo Cursor Component
Default Cursor
Spot Blur Cursor
Dot Cursor
Ring Cursor
Inverted Cursor
Zyflo Glitch Text Component
Glitch Text (color)
Glitch Text (noise)
Glitch Text (transformation)
Glitch Text (wave)
Glitch Text (pixelate)
Glitch Text (flicker)
Glitch Text (aggressive glitch)
Glitch Text (disappearing fragments)
Glitch Text (tv glitch)
Glitch Text (vertical glitch)
Glitch Text (line glitch)
Glitch Text (vhs retro glitch)
Glitch Text (chromatic aberration)
Glitch Text (color box glitch)
Zyflo Progress Component
Pulse Enabled
Progress (default)
Progress (secondary)
Progress (accent)
Progress (success)
Progress (info)
Progress (warning)
Progress (danger)
Progress (light)
Progress (gradient)
Progress (outline)
Progress (stripes)
Progress (glow)
Pulse Disabled
Progress (default)
Progress (secondary)
Progress (accent)
Progress (success)
Progress (info)
Progress (warning)
Progress (danger)
Progress (light)
Progress (gradient)
Progress (outline)
Progress (stripes)
Progress (glow)
