Show HN: A framework for web component frameworks
Ornament is a lightweight toolkit for building web components, offering a TypeScript-friendly API in version 2.0.0. It simplifies custom element creation and integrates with libraries like Preact.
Read original article
Ornament is a lightweight toolkit designed for building web components, offering a TypeScript-friendly, tree-shakable solution that simplifies the development process. With its latest version 2.0.0, Ornament provides a declarative and type-safe API, allowing developers to create custom elements with minimal boilerplate code. The toolkit enables users to define attributes and manage component lifecycle events easily, making it a practical choice for those looking to escape the complexities of larger frameworks. Ornament is not a standalone framework but serves as a foundation upon which developers can build their own frameworks or integrate with existing libraries like Preact for rendering. The toolkit emphasizes flexibility, allowing developers to choose their rendering methods and state management solutions. Additionally, it includes features for attribute handling and lifecycle reactions, streamlining the process of creating vanilla web components. The author, Peter, offers workshops and consulting services to assist developers in leveraging web technologies effectively.
- Ornament is a lightweight toolkit for building web components with TypeScript support.
- The latest version simplifies the creation of custom elements with a type-safe API.
- It is designed to be flexible, allowing integration with other libraries like Preact.
- Ornament focuses on reducing boilerplate code and enhancing developer productivity.
- The author provides consulting and workshops for further learning and support.
Related
AdonisJS
AdonisJS is a TypeScript-first web framework for Node.js, emphasizing type-safety, intellisense, and performance. It offers testing support, official packages like Lucid for SQL ORM, Auth for authentication, and a vibrant community.
Ant Design – the second most popular React UI framework
Ant Design is a React UI library on GitHub, featuring enterprise-level UI design components in TypeScript. It supports multilingual features and enables extensive theme customization via CSS-in-JS.
We moved away from web components – learnings from a Component-First DevTool
Corbado, a startup, transitioned to framework-specific components like passkeys for user authentication in 2024. The move aimed to improve developer experience and meet evolving needs efficiently. The blog post covers benefits, challenges, strategies, and recommendations for startups considering a similar shift. It explores scenarios favoring a component-first strategy and details building web components using various technologies. The discussion guides developers in navigating the JavaScript UI component-first startup landscape.
Show HN: Gluestack-UI v2 is here
Gluestack is a React and React Native UI library with copy-paste components using Tailwind CSS. It promotes positive thinking and offers updates for enhanced user experience, supporting Next.js and Expo projects.
Show HN: Plain Vanilla – a tutorial website for vanilla web development
The article discusses web development using only HTML, CSS, and JavaScript, emphasizing Web Components and modern CSS. It encourages experienced developers to explore this simpler, standards-based approach for building applications.
1 comments* more known ones
Related
AdonisJS
AdonisJS is a TypeScript-first web framework for Node.js, emphasizing type-safety, intellisense, and performance. It offers testing support, official packages like Lucid for SQL ORM, Auth for authentication, and a vibrant community.
Ant Design – the second most popular React UI framework
Ant Design is a React UI library on GitHub, featuring enterprise-level UI design components in TypeScript. It supports multilingual features and enables extensive theme customization via CSS-in-JS.
We moved away from web components – learnings from a Component-First DevTool
Corbado, a startup, transitioned to framework-specific components like passkeys for user authentication in 2024. The move aimed to improve developer experience and meet evolving needs efficiently. The blog post covers benefits, challenges, strategies, and recommendations for startups considering a similar shift. It explores scenarios favoring a component-first strategy and details building web components using various technologies. The discussion guides developers in navigating the JavaScript UI component-first startup landscape.
Show HN: Gluestack-UI v2 is here
Gluestack is a React and React Native UI library with copy-paste components using Tailwind CSS. It promotes positive thinking and offers updates for enhanced user experience, supporting Next.js and Expo projects.
Show HN: Plain Vanilla – a tutorial website for vanilla web development
The article discusses web development using only HTML, CSS, and JavaScript, emphasizing Web Components and modern CSS. It encourages experienced developers to explore this simpler, standards-based approach for building applications.