Uxbert UI Library

A modern UI component library for React/Next.js applications by Uxbert Labs, featuring stunning 3D effects powered by Three.js and styled with Tailwind CSS. Create immersive web experiences with performant, customizable components that blend 3D visualization with responsive design.

Installation

npm install @uxbertlabs/ui
# or
yarn add @uxbertlabs/ui

Usage

import { BlackholeEffect } from "@uxbertlabs/ui";

function App() {
  return <BlackholeEffect bgUrl="url" blackholeMass={1500} />;
}

Available Components

3D Effects

• BlackholeEffect: Creates an engaging black hole animation effect
• SceneAndLightning: A 3D scene with customizable lighting and hdr environment
• FluidReveal : A fluid reveal effect for images and text
• ImageDistortion : Transform between 2 images with a distortion effect

2D Effects

• TextRevealEffect: A text reveal effect that animates the entrance of text
• RisingLetters: A rising letters effect that animates text as if it is floating

UI Components

• WIP

Documentation

Visit our documentation for detailed usage examples and API references.

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Authors

• Abdullah Al-taheri (altaheri.me)
• Ahmed Taher

License

MIT © Uxbert Labs .