Oslabs Beta

Oslabs Beta

A collection of 55 templates, themes and UI Kits by the author Oslabs Beta.

screenshot of Abstract

A mobile-first React prototyping tool with React-Bootstrap component integration

react
bootstrap
screenshot of Acrn

An Accessibility First Component Library for React Native

react
react-native
screenshot of Angora Forms

AngoraForms is a custom form component abstraction library designed for Angular; simplifies the process of creating custom form components in Angular

screenshot of Armada

A Kubernetes monitoring tool to visualize large-scale activity and real-time comprehensive metrics within your cluster.

express
react
material-ui
screenshot of ASTRO

Monitoring tool for AWS lambda services

express
react
scss
screenshot of AstroSpect

A Chrome DevTools extension for Astro developers

astro
react
vite
scss
screenshot of Astrospeed

Performance monitor for Astro & Next.js web applications.

express
react
screenshot of Canopy

A time travelling, component monitoring devtool/Chrome Extension for Svelte developers.

screenshot of D3no Data

chart component library for fresh

screenshot of DeLorean

Time-traveling debugger for Svelte applications

express
svelte
screenshot of Fflow

fflow is an easy-to-use open-source tool for all developers to create their React application.

react
styled-components
tailwind
screenshot of GatsbyHub

Access everything Gatsby has to offer without ever leaving Visual Studio Code. This VSCode Extension allows you to generate a new Gatsby site using a starter, browse Gatsby plugins, and develop a server all with a click of a button.

gatsby
react
screenshot of GeSvelte

A custom form builder app for Svelte developers powered by SvelteKit.

svelte
vite
scss
screenshot of GQLevated

Elevate your projects with seamless GraphQL integration

express
nextjs
react
nextui
screenshot of GraphQL Blueprint

GraphQL Blueprint: a software developer tool for engineers that want to quickly generate React/Express, Apollo and GraphQL boilerplate code using a data modeling interface. Watch your queries, mutations, and schema update in realtime with our code preview feature and finally, export it when you'r...

create-react-app
express
react
material-ui
screenshot of KafkaESK

An event-driven monitoring tool that can consume messages from Apache Kafka clusters and display the aggregated data on a dashboard for analysis and maintenance.

express
react
scss
screenshot of Kafkometry

Kafkometry is a lightweight Apache Kafka metric visualizer created using Svelte/SvelteKit

screenshot of KubeVX

Designed with users in mind, KubeVX offers an engaging and intuitive interface to effortlessly understand and monitor Kubernetes clusters. Our standout features include a dynamic dashboard for key metrics, customizable visualizations, real-time alerts, and an AI-assisted cluster diagram for in-de...

react
scss
styled-components
screenshot of NextLevel

NextLevel is a performance metrics dashboard tailored to Next.js applications that visualizes critical data, such as build time and key web vitals, enabling developers to pinpoint inefficiencies and improve development productivity and end-user experience.

nextjs
react
geist-ui
screenshot of Nexus

NextJS VScode extension to visualize component tree.

nextjs
react
screenshot of Osiris

An Electron based desktop application for generating components, building pages, and storing them in a UI library.

react
vue
screenshot of Pelican

Automated GUI canary testing for your kubernetes clusters

express
react
scss
screenshot of Periqles Demo

A demo app for periqles.

express
react
screenshot of Periqles

React form library for Relay and Apollo

express
react
screenshot of Preducks

React/Redux/Typescript Application Prototyping & Smart Boilerplate Generation Tool

react
screenshot of ProtoCAD

ProtoCAD is a prototyping tool that allows developers to build UI component tree structure based on GraphQL query results.

react
scss
screenshot of R3Dy Web

R3DY Web is the documentation website for the 3D React component library R3DY.

nextjs
react
tailwind
screenshot of R3Dy

R3DY UI, an open-source React Library, offers an array of 3D components.

react
vite
screenshot of React Labyrinth

React Labyrinth, a VSCode Extension, generates a hierarchical tree of React components and identifies the component type with a single file upload

nextjs
react
tailwind
screenshot of React Pinpoint

An open source utility library for measuring React component render times.

react
screenshot of ReactRTC

NPM package that simplifies set-up of WebRTC as importable React components

screenshot of Realize

A React component tree visualizer

react
scss
screenshot of RemixDJ

Dev tool for Remix

screenshot of ReSvelte

Svelte debugging tool for re-rendering components

react
scss
screenshot of RTConnect

Implement live streaming and real-time video calls with RTConnect in your React codebase. An open source, JS/React component library that facilitates live, real-time video/audio communications.

react
screenshot of ScanQL

A Real-Time PostgreSQL Monitoring, Analysis, and Visualization Developer Tool

express
react
vite
tailwind
radix-ui
screenshot of Solid Dev Tool

A SolidJS signal tracking dependency & structural visualizer developer tool

solid
screenshot of Solid Rewind

Time Travel Debugger for SolidJS

solid
screenshot of Solid Structure

Chrome Extension SolidJS DevTool

solid
vite
scss
screenshot of Spyglass

Kubernetes just got a whole lot clearer with Spyglass. We are a one-stop shop for cluster health metrics, cluster visualization, and cost optimization.

express
react
vite
material-ui
screenshot of Strapi

Free and open-source tool for stress-testing RESTful API routes!

nextjs
react
tailwind
screenshot of Svault

An authentication and authorization library for Svelte/SvelteKit

svelte
vite
screenshot of Svelcro

Svelte DevTool with a focus on rendering

screenshot of Svelte DevTools Plus

Adds Svelte debugging tools to the Chrome Developer Tools

screenshot of Svelte Sight

A Svelte dev tool for visualizing component hierarchy, state, and props of your application

svelte
screenshot of SvelteScope

Svelte component visualiser and debugger chrome extension

svelte
vite
screenshot of Sveltool

Dynamic visualization for all things Svelte

svelte
screenshot of Svend3r

Interactive plug and play charting library for Svelte

svelte
tailwind
flowbite
screenshot of Svisualize

Visualize your svelte components as you code using D3

svelte
tailwind
screenshot of SVOLTE

Open Source Svelte Developer Toolkit

svelte
vite
tailwind
screenshot of Svve11

An open source accessibility Svelte component library

svelte
scss
screenshot of Sylph

A drag and drop Svelte prototyping tool.

svelte
screenshot of Vantage

Next.js development tool to track site performance metrics. Built with Google Lighthouse.

nextjs
react
scss
screenshot of Vuenique

A reusable data visualization components library using D3 in Vue

vite
vue