Usage

Basic Usage

Import the techMetaData object to access all categorized tech metadata, or import categories and utilities directly as needed.

import { techMetaData } from "@exlaso/tech-stack-metadata";

// Access all categories
console.log(techMetaData.frontend);
console.log(techMetaData.languages);

// Access all tech metadata as a flat object
console.log(techMetaData.all);

Importing Categories Directly

import { frontend, backend, databases } from "@exlaso/tech-stack-metadata";

// Use a specific category
console.log(frontend);

Utility Functions

The following utility functions are available for searching and filtering tech metadata:

import {
  getAllTechMetadata,
  getTechMetadata,
  getTechMetadataByCategory,
  searchTechMetadata
} from "@exlaso/tech-stack-metadata";

// Get all tech metadata as an array
const allTech = getAllTechMetadata();

// Get metadata for a specific key
const reactMeta = getTechMetadata("react");

// Get all tech for a category
const frontendTech = getTechMetadataByCategory("frontend");

// Search tech by name
const results = searchTechMetadata("React");

Types

All metadata is fully typed. You can import types for strict TypeScript support:

import type { TechMetaData, TechMetaDataKey } from "@exlaso/tech-stack-metadata";
import { IconType } from "@exlaso/tech-stack-metadata";

Tech Metadata

Each technology entry contains a name, icon, and optional URL. You can use this metadata to render beautiful tech stacks in your UI.

TypeScript

language

TS, JavaScript with Types

JavaScript

language

JS, ECMAScript

Python

language

py

Java

language

C

language

C Language, C Programming

C++

language

C Plus Plus

PHP

language

PHP Hypertext Preprocessor

HTML

language

HTML5, Markup Language

CSS

language

CSS3, Stylesheets

Bash Scripting

language

Shell Scripting, Terminal Scripts

Go

language

Golang, Go Language

Rust

language

Systems Programming, Memory Safety

Kotlin

language

Android Development, JVM Language

Swift

language

iOS Development, Apple Development

Ruby

language

Rails Language, Dynamic Programming

GraphQL

language

GQL, API Query Language

React

framework

React.js, ReactJS

React Native

framework

RN, Mobile Development

Next.js

framework

NextJS, Next, React Framework

Vue.js

framework

Vue, Progressive JavaScript Framework

Angular

framework

Angular Framework, TypeScript Framework

Svelte

framework

Svelte Framework, Compiler-based Framework

Remix

framework

Remix Framework, React Router Framework

Express.js

framework

Express, Node.js Framework

NestJS

framework

Nest, Node.js Framework

Flask

framework

Python Framework

FastAPI

framework

Fast API, Python API Framework

Django

framework

Django Framework, Python Web Framework

Spring Boot

framework

Spring, Java Framework

Laravel

framework

PHP Framework, Web Application Framework

Tailwind CSS

library

Tailwind, TailwindCSS, Utility CSS

Bootstrap

library

BS, Twitter Bootstrap

jQuery

library

JS Library

Three.js

library

3D Graphics, WebGL

GSAP

library

GreenSock, Animation Platform

shadcn/ui

library

Shadcn UI, UI Components

Chakra UI

library

Chakra, Component Library

Framer Motion

library

Motion Library, Animation Framework

tRPC

library

TypeScript RPC, API Framework

Prisma

library

ORM, Database Toolkit

Vite

tool

Vite.js, Build Tool

Hasura

tool

GraphQL Engine, API Platform

Swagger

tool

OpenAPI, API Documentation

Postman

tool

API Testing, API Development

Kubernetes

tool

K8s, Container Orchestration

Terraform

tool

Infrastructure as Code, IaC

Jenkins

tool

CI/CD, Continuous Integration

GitLab CI

tool

GitLab CI/CD, Continuous Integration

GitHub Actions

tool

CI/CD, Workflow Automation

Ansible

tool

Configuration Management, Infrastructure Automation

Android Studio

tool

Android IDE, Mobile Development

Vagrant

tool

Virtual Machine Management

WebStorm

tool

IDE, JavaScript IDE

Insomnia

tool

API Client, API Testing

Visual Studio Code

tool

VSCode, Code Editor

Notion

tool

Productivity, Note-taking

Slack

tool

Team Communication, Collaboration

IntelliJ IDEA

tool

Java IDE, JetBrains IDE

PyCharm

tool

Python IDE, JetBrains IDE

Adobe XD

tool

XD, UI/UX Design Tool

Figma

tool

UI Design Tool, Collaborative Design

Jira

tool

Project Management, Issue Tracking

Vercel

tool

Deployment Platform, Serverless Hosting

MongoDB

database

Mongo, NoSQL Database

PostgreSQL

database

Postgres, SQL Database

MySQL

database

SQL Database

MariaDB

database

MySQL Fork, SQL Database

Redis

database

In-Memory Database, Cache

Airtable

database

Spreadsheet Database

SQLite

database

Embedded Database, Local SQL Database

Elasticsearch

database

ELK Stack, Search Engine Database

Cassandra

database

Apache Cassandra, NoSQL Database, Distributed Database

Neo4j

database

Graph Database, Graph Database Management System

DynamoDB

database

AWS DynamoDB, NoSQL Database Service

Supabase

database

Open Source Firebase Alternative, BaaS

Firebase

database

Google Firebase, BaaS, Cloud Services

Node.js

platform

NodeJS, Node, JavaScript Runtime

Kali Linux

platform

Penetration Testing OS

Ubuntu

platform

Linux Distribution, Operating System

Nmap

security

Network Mapper, Port Scanner

Metasploit

security

Penetration Testing, Exploit Framework

Wireshark

security

Packet Analyzer, Network Protocol Analyzer

Aircrack-ng

security

WiFi Security, Wireless Cracking

Burp Suite

security

Web Security Testing, Web Application Scanner

OWASP Top 10

security

Web Security Risks, OWASP

OpenSSL

security

Cryptography, SSL/TLS

Snort

security

Network Intrusion Detection, IDS

Blender

design

3D Modeling, Animation, Rendering

Unreal Engine

design

UE, Game Engine, Real-time 3D

Git

devops

Version Control, VCS

Docker

devops

Containers, Containerization

Clerk

auth

Authentication, User Management

NextAuth.js

auth

NextAuth, Authentication for Next.js

Auth0

auth

Authentication Platform, Identity Management

Passport.js

auth

Node.js Authentication, Authentication Middleware

Keycloak

auth

Open Source IAM, Identity and Access Management

OAuth 2.0

auth

Authorization Framework, Authentication Protocol



API Reference

  • techMetaData:All categories and a flatall object
  • frontend, backend, databases, languages, apis, auth, devops, security, tools:Individual category exports
  • getAllTechMetadata():Returns all tech metadata as an array
  • getTechMetadata(key: TechMetaDataKey):Returns metadata for a specific key
  • getTechMetadataByCategory(category: string):Returns all tech for a category
  • searchTechMetadata(query: string):Searches tech metadata by name
  • TechMetaData:Type for a tech metadata object
  • TechMetaDataKey:Type for all valid tech keys
  • IconType:Type for react-icons

Best Practices

  • Import only the categories or utilities you need for optimal bundle size.
  • Use the provided types for type safety in TypeScript projects.
  • LeveragesearchTechMetadata for building search/filter UIs.
  • Display icons using theicon property for consistent visuals.
  • Keep your tech stack metadata up to date for accurate documentation and portfolio displays.

Tip

All exports are fully typed and tree-shakable. Import only what you need for optimal bundle size.