Technway Component Library

A modular web component library built with Stencil.js, providing reusable, customizable components for scalable UI development across multiple frameworks.

For Developers:

---

• Libraries
• Testing Libraries
• Features
• Framework Compatibility
  • Next.js Integration
  • React Integration
• Prerequisites
  • Setting up the environment
• Common Problems Troubleshooting
• License

Libraries

• stencil-library
• react-library
• next-library
• layout-kit

Testing Libraries

in directory example-project you can find example projects that uses all libraries.

Features

• Fully customizable UI components
• Responsive and accessible design
• Easy integration with multiple frameworks
• Comprehensive documentation
• Monorepo structure with Lerna for better package management

Framework Compatibility

Next.js Integration

• Full SSR Support: Seamlessly integrates with Next.js
• CSR Ready: Compatible with Client-Side Rendering
• Zero configuration required for most use cases

React Integration

• Works with React 18.x and above
• TypeScript type definitions included
• Automatic component registration

Prerequisites

• Node.js v20.11.0 or higher (v20.11.0 is recommended)
• pnpm v8.x or higher (v9.15.3 is recommended)
• Lerna v8.x or higher (v8.1.2 is recommended)

Setting up the environment

Check our environment-and-setup.md for detailed guideline.

If you were using [email protected] see this for detailed guideline.

Common Problems Troubleshooting

Check Common Issues and Troubleshooting for detailed guideline.

License

This component library is exclusively for use in projects authorized by Technway. Unauthorized use, distribution, or modification is strictly prohibited.