Design
A simple, fast and modern SolidJS UI library.
Overview
Jundao Design is an innovative UI library built on the SolidJS framework that aims to offer a sleek, modern design while maintaining high performance. Still in its early stages, this library presents developers with a collection of components designed for versatility and accessibility, marked by a focus on fun and delightful development experiences. Despite its current status as not fully production-ready, Jundao Design is already sparking interest and curiosity within the developer community for its potential in future projects.
With a focus on type safety and responsiveness, Jundao Design embraces the latest standards in CSS and ES features. The library's modern aesthetic is complemented by a light and dark mode option, making it visually appealing for various applications. As developers explore what Jundao Design has to offer, they can expect a consistent performance across all modern browsers and a rich selection of components that are both flexible and functional.
Features
- Fast: Built on SolidJS, ensuring high-performance UI rendering.
- Type Safe: Entirely coded in TypeScript for enhanced safety and developer experience.
- Modern: Incorporates the latest ES and CSS features for contemporary web applications.
- Accessible: Complies with WAI-ARIA standards for a more inclusive user experience.
- Mobile Friendly: All components are tested for compatibility on both desktop and touch devices.
- Responsive: Designed to adapt seamlessly to various screen sizes, ensuring usability across devices.
- Fresh UI: Offers a professional look with both light and dark mode themes.
- Consistent: Extensive testing across all modern browsers to maintain uniform functionality and style.
- Solid
SolidJS is a declarative JavaScript library for building user interfaces, offering a reactive programming model for efficient updates. It stands out for its reactivity system that minimizes unnecessary re-renders and its small bundle size, making it a performant choice for developing lightweight and reactive web applications.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Kobalte
Kobalte is an accessible component library for SolidJS that provides unstyled, fully accessible UI primitives. It follows WAI-ARIA design patterns and offers a solid foundation for building custom design systems with SolidJS.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.