Built in the open.
UIsen is fully open-source. Browse the code, contribute components, report bugs, or fork it to build your own — it's all here.
Repositories
UIsen
Priyanshu88585/UISEN.io
The main UIsen web application — a premium, community-powered UI component library built with Next.js, Prisma, and Tailwind CSS.
UIsen-lib
Priyanshu88585/UIsen-lib
The open-source element library — thousands of hand-crafted HTML/CSS components organized by category. The backbone of UIsen's element browser.
How to Contribute
Contributing a UI element to UIsen-lib takes just 3 steps. No complex setup required — just HTML, CSS, and creativity.
Fork & Clone
Fork the repository and clone it to your local machine to get started.
Create Your Element
Add your HTML/CSS component in the appropriate category folder following the naming convention.
Submit a Pull Request
Push your branch and open a PR — our maintainers will review and merge it quickly.
Element File Format
Each element is a single self-contained .html file. The filename encodes the author and a unique slug. Inside, put your HTML body first, then a <style> block with a metadata comment for tags.
Naming Convention
Category/AuthorName_adjective-animal-number.htmlAvailable Categories
<!-- Buttons/YourName_cool-button-01.html -->
<button class="cool-btn">
Click Me
</button>
<style>
/* From UISEN — Created by PRIYANSHU KESHARWANI - Tags: button, 3d, gradient */
.cool-btn {
padding: 12px 24px;
border-radius: 12px;
background: linear-gradient(135deg, #6366f1, #a855f7);
color: white;
font-weight: 700;
border: none;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
}
.cool-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
}
</style>Tech Stack
Next.js 16
App Router & Server Components
React 19
Latest concurrent features
Tailwind CSS 4
Utility-first styling
Prisma
Type-safe MongoDB ORM
NextAuth
OAuth authentication
Framer Motion
Smooth animations
Community Guidelines
Clean Code
Submit well-formatted, semantic HTML & CSS with no external dependencies.
Original Work
Only submit your own designs or properly attributed community elements.
Accessibility
Use proper labels, contrast ratios, and keyboard-navigable elements.
Be Respectful
Constructive feedback only. We're all here to learn and grow together.
Every contribution matters.
Whether it's a single button, a bug report, or a documentation fix — you're making UIsen better for everyone.