puck - The self-hosted, drag and drop editor for React
# puck The self-hosted, drag and drop editor for React. - ๐ฑ๏ธ **Drag and drop**: Visual editing for your existing React component library - ๐ **Integrations**: Load your content from a 3rd party head...
Build Serverless application with AWS Amplify, AWS API Gateway, AWS Lambda and Cognito Auth
Serverless is a cloud-native development model that allows developers to build and run applications without having to manage servers. AWS Lambda is a serverless computing service provided by Amazon We...
An Extendable Obsidian Publish alternative using Next.JS
Publish your Obsidian Notes with a highly customizable Next.JS blog starter template. Features: Supports most Obsidian syntax (e.g. Link Previews, Links, etc.). Uses obsidian-export. URLs are based on...
Decoupling UI and Logic in React: A Clean Code Approach with Headless Components
In this article, we will demystify the concept of headless components in React and explore how they can simplify the management of complex user interfaces. We will start by extracting a useToggle hook...
How Did I Not Know This TypeScript Trick Earlier??!

In this video, the presenter demonstrates a useful TypeScript trick that was discovered recently in an open-source repository. The trick involves receiving conditional TypeScript properties in a child...
Scalable state management for TypeScript applications
Optics is a powerful tool for managing state in TypeScript applications. With optics, you can easily read, update, and subscribe to state anywhere in your application. It offers full type safety and c...
Enatega Single Vendor Solution
# Enatega Single Vendor Solution Enatega is a state of the art white label storefront delivery solution that allows business owners to easily manage their deliveries. Whether they have a restaurant, ...
# OP Vault
OP Vault is a practical and valuable tool based on the OP Stack, which consists of OpenAI and Pinecone Vector Database. The tool allows users to upload their own custom knowledgebase files and ask que...
React component to render markdown.
This package is a React component that can be given a string of markdown that itโll safely render to React elements. It allows passing plugins to change how markdown is transformed to React elements a...
Prereq Flow - Course Planning Aid for University of Washington Students
Prereq Flow is an unofficial course planning aid that helps University of Washington undergraduate students visualize courses and prerequisites for their degrees. The application is built with React F...
Reagraph: WebGL Network Graphs for React
Reagraph is a high-performance network graph visualization built in WebGL for React. It features node sizing based on attributes, page rank, centrality, and custom, as well as light and dark mode with...
Build your React-based CRUD applications with refine
refine is an open-source, headless web application framework for the rapid development of web applications. It eliminates repetitive tasks demanded by CRUD operations and provides industry standard so...
Generate JSON Structure
In this exercise, we are required to create the JSON structure with two fields: title and summary. The title should be generated from the provided text and limited to a maximum of 200 characters. To a...
Trinity Admin-Panel โ a powerful SPA for managing website backends
Trinity is a powerful Single-Page Application (SPA) administration tool that makes managing your websites backend a breeze. With a feature-rich and beautifully-designed interface built using C# and A...
Trinity Admin-Panel - Manage Your Websites Backend with Ease
Trinity is a powerful Single-Page Application (SPA) administration tool that is designed to streamline common administrative tasks and enhance the productivity of developers. It offers a customizable ...
Introducing Storybook 7.0: Next-level component development and testing
Storybook 7.0 is the gold standard UI workshop environment for component-driven development, documentation, and testing. Its first major release in over two years, SB7, includes first-class Vite suppo...
Accessible and Customizable Components for Your App
# shadcn/ui Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. **Use this to build your own component library**.  ## R...
Next.js 13.3 Adds Popular Community-Requested Features: File-Based Metadata API, Dynamic Open Graph Images, and Static Export for App Router
Next.js 13.3 adds new and popular community-requested features that enhance the Metadata API, provide dynamic open graph images, and supports static export for the App Router. The Metadata API now sup...
Radix UI: Unstyled, Accessible Components for Building Web Apps in React
Radix UI provides unstyled and accessible components that are designed to help developers build high-quality design systems and web apps in React. It offers a range of components, including sliders, p...
shadcn/ui - Beautifully designed components built with Radix UI and Tailwind CSS
shadcn/ui is a collection of beautifully designed and accessible components built with Radix UI and Tailwind CSS that you can copy and paste into your apps. It is completely free and open source, allo...