<h2>Overview:</h2>
Kibo UI is a custom registry of composable, accessible, and open-source components specifically designed to work with shadcn/ui. These components use CSS variables from shadcn/ui and are intended to seamlessly integrate with existing primitives. Kibo UI serves as a collection of building blocks that allow developers to create more complex components efficiently, aiming to reduce boilerplate code while maintaining flexibility and responsive design.
<h2>Features:</h2>
<ul>
<li>Composable: Components are designed as building blocks that can be combined to create complex interfaces.</li>
<li>Accessible: Prioritizes accessibility to ensure that user interfaces are usable by a diverse audience.</li>
<li>Open Source: Licensed as open source, allowing for customization and community contributions.</li>
<li>Seamless Integration: Works neatly with existing shadcn/ui primitives, reducing compatibility issues.</li>
</ul>
<h2>Summary:</h2>
Kibo UI is a valuable resource for developers looking to streamline the process of building complex interfaces. By providing a comprehensive library of accessible and composable components that seamlessly integrate with shadcn/ui, Kibo UI simplifies the development process while maintaining flexibility and responsiveness. With its open-source nature, Kibo UI encourages collaboration and customization within the development community.

<h2>Overview</h2>
next-forge is a production-grade boilerplate for modern Next.js apps. It is designed to be a comprehensive starting point for new web applications, providing a solid foundation and minimal configuration. With features such as Next.js 14, full TypeScript support, React components from shadcn/ui, database integration with Prisma, authentication with Clerk, and various other tools for customization, security, and performance, next-forge aims to be fast, cost-effective, opinionated, and modern.
<h2>Features</h2>
<ul>
<li>Framework: Built on Next.js 14, a React framework for production-grade apps.</li>
<li>TypeScript Support: Full TypeScript support, including strict mode.</li>
<li>React Components: Utilizes React components from shadcn/ui, built on Radix UI, Tailwind CSS, and cva.</li>
<li>Linting: Linting is provided by eslint-config-harmony, which offers a strict set of configuration for ESLint, Prettier, and Stylelint.</li>
<li>Database: Integration with Prisma as the ORM, compatible with various supported databases (recommended: PlanetScale).</li>
<li>Emails and Forms: Templated emails using react.email and Resend. Loops form for a waitlist.</li>
<li>Authentication: Secure, scalable, and customizable authentication system provided by Clerk.</li>
<li>Status: BetterStack provides status monitoring.</li>
<li>Log Drain: Log Drain provided by Axiom.</li>
<li>Error Capturing: Error capturing facilitated by Sentry.</li>
<li>Payments: Payments powered by Stripe.</li>
<li>Analytics: Analytics from Vercel Analytics and Google Analytics.</li>
<li>AI: Default AI support from Vercel AI, using OpenAI.</li>
<li>Feedback: Canny integration for feedback.</li>
<li>MDX Content: Support for MDX content through Contentlayer.</li>
<li>Notifications: Knock provides notifications.</li>
</ul>

<h2>Overview</h2>
Kibo stands out as a powerful tool for developers seeking to streamline their UI component design process. As a custom registry of composable, accessible, and open-source shadcn/ui components, it provides a solid foundation for building applications. Its focus on accessibility ensures that developers can create inclusive user experiences while promoting the reuse of components, enhancing both efficiency and design consistency.
The open-source nature of Kibo encourages collaboration within the developer community, allowing users to contribute to and benefit from a growing library of components. With an emphasis on composability, Kibo makes it easy for developers to mix and match components to create tailored solutions for their projects.
<h2>Features</h2>
<ul>
<li>
Composable Components: Kibo's components are designed to be easily combined, allowing developers to create unique UIs that meet their specific needs.
</li>
<li>
Accessibility Focused: Every component in the Kibo registry is built with accessibility in mind, ensuring a better experience for all users, including those with disabilities.
</li>
<li>
Open-source Community: Kibo's open-source model encourages collaboration, enabling developers to contribute new components and enhancements to the existing library.
</li>
<li>
Customizable Design: Each component is highly customizable, providing flexibility in styling and functionality to fit different project requirements.
</li>
<li>
Efficient Development: With a rich library of pre-built components, Kibo allows developers to accelerate their workflow and reduce time to deployment.
</li>
<li>
Regular Updates: Kibo benefits from community contributions, ensuring that the component library is continuously updated and improved with new features and bug fixes.
</li>
<li>
Extensive Documentation: Comprehensive documentation is available, guiding developers on how to effectively utilize the components and customize them for their projects.
</li>
</ul>

<h2>Overview</h2>
Shadcn-prose is a versatile typography package that serves as an excellent drop-in replacement for @tailwindcss/typography. Its design is specifically tailored for use with shadcn/ui, making it an ideal choice for developers looking to enhance the textual presentation of their web applications. With shadcn-prose, you can easily format your headings, paragraphs, lists, and more, bringing a refined touch to your projects.
The installation and usage of shadcn-prose are straightforward, allowing for quick setup and immediate benefits. By simply installing the package and updating your globals.css file, you can elevate your content's readability and aesthetics with minimal effort.
<h2>Features</h2>
<ul>
<li>
Easy Installation: Quickly set up the package with a simple install command and minor configuration changes in your globals.css.
</li>
<li>
Tailored for shadcn/ui: Specifically designed to work seamlessly with the shadcn/ui framework, ensuring a cohesive design language.
</li>
<li>
Comprehensive Typography Support: Includes styling for various text elements such as headings, paragraphs, and lists, enhancing overall content structure.
</li>
<li>
Responsive Design: Built with responsive principles in mind, ensuring that your typography looks great on all devices and screen sizes.
</li>
<li>
Customizable Styles: Allows for personal customization so you can modify typography styles to fit the aesthetic of your project.
</li>
<li>
Consistent Aesthetics: Helps maintain a balanced and attractive layout across different text elements, contributing to a professional look.
</li>
<li>
Quick Integration: Simply add a 'prose' class to your content, making the implementation process fast and user-friendly.
</li>
</ul>

<h2>Overview</h2>
Hayden Bleasel's website serves as a personal platform for the software engineer and designer. Built using Next.js and hosted on Vercel, the site showcases his work and serves as a point of interaction with visitors.
<h2>Features</h2>
<ul>
<li>Next.js Framework: Utilizes Next.js for efficient, server-rendered React applications.</li>
<li>Vercel Hosting: Hosted on Vercel for streamlined deployment and scalability.</li>
<li>Contribution Guidelines: Provides clear instructions on how to contribute to the website.</li>
<li>Live Development Server: Enables live viewing of changes through a local development server.</li>
<li>Auto-Deployment: Automatically deploys changes to Vercel for seamless updates.</li>
</ul>

Haydenbleasel

Kibo UI

Next Forge

Kibo

Shadcn Prose

Hayden Bleasel Portfolio