Zenix Users Love Us
Hear what our community has to say
Zenix has transformed how we build user interfaces. The component library is both powerful and easy to use.
The design system is incredibly consistent and has significantly sped up our development process.
The documentation and examples make it easy to implement even the most complex UI patterns.
Zenix has transformed how we build user interfaces. The component library is both powerful and easy to use.
The design system is incredibly consistent and has significantly sped up our development process.
The documentation and examples make it easy to implement even the most complex UI patterns.
Zenix has transformed how we build user interfaces. The component library is both powerful and easy to use.
The design system is incredibly consistent and has significantly sped up our development process.
The documentation and examples make it easy to implement even the most complex UI patterns.
Zenix has transformed how we build user interfaces. The component library is both powerful and easy to use.
The design system is incredibly consistent and has significantly sped up our development process.
The documentation and examples make it easy to implement even the most complex UI patterns.
Our team's productivity has increased by 40% since we started using Zenix components.
The performance optimizations in these components are outstanding. Our app has never been smoother.
The attention to detail in the animations and transitions is what sets Zenix apart from other libraries.
Our team's productivity has increased by 40% since we started using Zenix components.
The performance optimizations in these components are outstanding. Our app has never been smoother.
The attention to detail in the animations and transitions is what sets Zenix apart from other libraries.
Our team's productivity has increased by 40% since we started using Zenix components.
The performance optimizations in these components are outstanding. Our app has never been smoother.
The attention to detail in the animations and transitions is what sets Zenix apart from other libraries.
Our team's productivity has increased by 40% since we started using Zenix components.
The performance optimizations in these components are outstanding. Our app has never been smoother.
The attention to detail in the animations and transitions is what sets Zenix apart from other libraries.
Installation
Examples
Vertical
Zenix Community
Trusted by top developers
Zenix components have revolutionized our development workflow.
The design consistency across components is exceptional.
Documentation is clear and examples are comprehensive.
Zenix components have revolutionized our development workflow.
The design consistency across components is exceptional.
Documentation is clear and examples are comprehensive.
Zenix components have revolutionized our development workflow.
The design consistency across components is exceptional.
Documentation is clear and examples are comprehensive.
Zenix components have revolutionized our development workflow.
The design consistency across components is exceptional.
Documentation is clear and examples are comprehensive.
40% productivity boost since adopting Zenix.
Performance optimizations are outstanding.
Attention to detail in animations is impressive.
40% productivity boost since adopting Zenix.
Performance optimizations are outstanding.
Attention to detail in animations is impressive.
40% productivity boost since adopting Zenix.
Performance optimizations are outstanding.
Attention to detail in animations is impressive.
40% productivity boost since adopting Zenix.
Performance optimizations are outstanding.
Attention to detail in animations is impressive.
3D
@jack
I've never seen anything like this before. It's amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
Usage
import { Marquee } from "zenix-ui/marquee";<Marquee>
<span>Next.js</span>
<span>React</span>
<span>TypeScript</span>
<span>Tailwind CSS</span>
</Marquee>Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | The class name to apply to the component. |
reverse | boolean | false | Whether or not to reverse the direction of the marquee. |
pauseOnHover | boolean | false | Whether or not to pause the marquee when the user hovers over the component. |
vertical | boolean | false | Whether or not to display the marquee vertically. |
children | node | - | The content to display in the marquee. |
repeat | number | 1 | The number of times to repeat the content. |