Open Source TypeScript Web Design Software

Webstudio is an open source visual development platform that enables developers, designers, and cross-functional teams to build modern websites through a powerful visual builder while maintaining full ownership of their data and infrastructure. The project positions itself as a Webflow alternative but emphasizes openness, portability, and deep control over the generated frontend code. It connects to any headless CMS and exposes the full power of CSS within a visual interface, allowing users to fine-tune responsive behavior and styling without sacrificing flexibility. Webstudio supports both hosted usage and full self-hosting, giving organizations the option to avoid vendor lock-in. Its architecture is built around modern web standards and focuses on maintainable, high-performance output suitable for production environments. Overall, Webstudio targets teams that want a no-code or low-code experience without losing developer-level control over the final product.

Magic Portfolio is a Next.js-based portfolio template built on the Once UI design system, designed to give developers and creatives a clean, timeless way to showcase their work. It provides a minimal, beginner-friendly setup that focuses on strong typography, responsive layouts, and restrained motion instead of heavy animations. Content is managed through a structured configuration and MDX-based content system, so you can define sections, projects, blog posts, gallery items, and about/CV information in code-backed content files. The template emphasizes SEO with auto-generated Open Graph/X images, schemas, and metadata derived from the content configuration, making it more discoverable out of the box. It offers flexible feature toggles to enable or disable sections such as blog, work, gallery, and about, as well as options for automatic social link generation and password-protected URLs.

Boost event attendance with Add to Calendar Button, the ultimate open-source web component that lets users save events to their favorite calendars in one click! Designed to eliminate developer headaches, this fast, lightweight library supports all major platforms, including Google, Apple, Outlook, Microsoft 365, Teams, and Yahoo. With robust, built-in time zone and daylight-saving management, it handles complex scheduling flawlessly. It is fully responsive, supports over 20 languages (including RTL), and offers auto-generated Schema.org structured data for an SEO boost. It even bypasses tricky mobile in-app browser restrictions with smart user guidance workarounds. Easy to customize, secure by design, and 100% GDPR/CCPA compliant, it integrates into any stack - React, Vue, Angular, or WordPress - in under a minute. Give your users the perfect event-saving experience!

Namer UI is a collection of reusable Next.js/React components made to empower developers to quickly build beautiful UIs. Spend less time designing UI from the ground up and more time building the features that matter to your users. Check it out at https://namer-ui.vercel.app The outdated version is hosted at: https://namer-ui.netlify.app/ GitHub: https://github.com/Northstrix/namer-ui

Simple, splashed push notifications created from templates I found on CodePen. Check them out at https://northstrix.github.io/Splashed-Push-Notifications/ Alternatively, you can play with the notifications on Codepen: https://codepen.io/Northstrix/pen/eYqjbvW https://codepen.io/Northstrix/pen/XWvBoxE GitHub repository: https://github.com/Northstrix/Splashed-Push-Notifications Credit The existence of this project wouldn't've been possible without the following: https://codepen.io/josetxu/pen/OJGXdzY https://codepen.io/FlorinPop17/pen/xxORmaB https://www.perplexity.ai/ If you like this project, please consider leaving a review.