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
languageTS, JavaScript with Types
JavaScript
languageJS, ECMAScript
Python
languagepy
Java
languageC
languageC Language, C Programming
C++
languageC Plus Plus
PHP
languagePHP Hypertext Preprocessor
HTML
languageHTML5, Markup Language
CSS
languageCSS3, Stylesheets
Bash Scripting
languageShell Scripting, Terminal Scripts
Go
languageGolang, Go Language
Rust
languageSystems Programming, Memory Safety
Kotlin
languageAndroid Development, JVM Language
Swift
languageiOS Development, Apple Development
Ruby
languageRails Language, Dynamic Programming
GraphQL
languageGQL, API Query Language
React
frameworkReact.js, ReactJS
React Native
frameworkRN, Mobile Development
Next.js
frameworkNextJS, Next, React Framework
Vue.js
frameworkVue, Progressive JavaScript Framework
Angular
frameworkAngular Framework, TypeScript Framework
Svelte
frameworkSvelte Framework, Compiler-based Framework
Remix
frameworkRemix Framework, React Router Framework
Express.js
frameworkExpress, Node.js Framework
NestJS
frameworkNest, Node.js Framework
Flask
frameworkPython Framework
FastAPI
frameworkFast API, Python API Framework
Django
frameworkDjango Framework, Python Web Framework
Spring Boot
frameworkSpring, Java Framework
Laravel
frameworkPHP Framework, Web Application Framework
Tailwind CSS
libraryTailwind, TailwindCSS, Utility CSS
Bootstrap
libraryBS, Twitter Bootstrap
jQuery
libraryJS Library
Three.js
library3D Graphics, WebGL
GSAP
libraryGreenSock, Animation Platform
shadcn/ui
libraryShadcn UI, UI Components
Chakra UI
libraryChakra, Component Library
Framer Motion
libraryMotion Library, Animation Framework
tRPC
libraryTypeScript RPC, API Framework
Prisma
libraryORM, Database Toolkit
Vite
toolVite.js, Build Tool
Hasura
toolGraphQL Engine, API Platform
Swagger
toolOpenAPI, API Documentation
Postman
toolAPI Testing, API Development
Kubernetes
toolK8s, Container Orchestration
Terraform
toolInfrastructure as Code, IaC
Jenkins
toolCI/CD, Continuous Integration
GitLab CI
toolGitLab CI/CD, Continuous Integration
GitHub Actions
toolCI/CD, Workflow Automation
Ansible
toolConfiguration Management, Infrastructure Automation
Android Studio
toolAndroid IDE, Mobile Development
Vagrant
toolVirtual Machine Management
WebStorm
toolIDE, JavaScript IDE
Insomnia
toolAPI Client, API Testing
Visual Studio Code
toolVSCode, Code Editor
Notion
toolProductivity, Note-taking
Slack
toolTeam Communication, Collaboration
IntelliJ IDEA
toolJava IDE, JetBrains IDE
PyCharm
toolPython IDE, JetBrains IDE
Adobe XD
toolXD, UI/UX Design Tool
Figma
toolUI Design Tool, Collaborative Design
Jira
toolProject Management, Issue Tracking
Vercel
toolDeployment Platform, Serverless Hosting
MongoDB
databaseMongo, NoSQL Database
PostgreSQL
databasePostgres, SQL Database
MySQL
databaseSQL Database
MariaDB
databaseMySQL Fork, SQL Database
Redis
databaseIn-Memory Database, Cache
Airtable
databaseSpreadsheet Database
SQLite
databaseEmbedded Database, Local SQL Database
Elasticsearch
databaseELK Stack, Search Engine Database
Cassandra
databaseApache Cassandra, NoSQL Database, Distributed Database
Neo4j
databaseGraph Database, Graph Database Management System
DynamoDB
databaseAWS DynamoDB, NoSQL Database Service
Supabase
databaseOpen Source Firebase Alternative, BaaS
Firebase
databaseGoogle Firebase, BaaS, Cloud Services
Node.js
platformNodeJS, Node, JavaScript Runtime
Kali Linux
platformPenetration Testing OS
Ubuntu
platformLinux Distribution, Operating System
Nmap
securityNetwork Mapper, Port Scanner
Metasploit
securityPenetration Testing, Exploit Framework
Wireshark
securityPacket Analyzer, Network Protocol Analyzer
Aircrack-ng
securityWiFi Security, Wireless Cracking
Burp Suite
securityWeb Security Testing, Web Application Scanner
OWASP Top 10
securityWeb Security Risks, OWASP
OpenSSL
securityCryptography, SSL/TLS
Snort
securityNetwork Intrusion Detection, IDS
Blender
design3D Modeling, Animation, Rendering
Unreal Engine
designUE, Game Engine, Real-time 3D
Git
devopsVersion Control, VCS
Docker
devopsContainers, Containerization
Clerk
authAuthentication, User Management
NextAuth.js
authNextAuth, Authentication for Next.js
Auth0
authAuthentication Platform, Identity Management
Passport.js
authNode.js Authentication, Authentication Middleware
Keycloak
authOpen Source IAM, Identity and Access Management
OAuth 2.0
authAuthorization Framework, Authentication Protocol
API Reference
techMetaData
:All categories and a flatall
objectfrontend, backend, databases, languages, apis, auth, devops, security, tools
:Individual category exportsgetAllTechMetadata()
:Returns all tech metadata as an arraygetTechMetadata(key: TechMetaDataKey)
:Returns metadata for a specific keygetTechMetadataByCategory(category: string)
:Returns all tech for a categorysearchTechMetadata(query: string)
:Searches tech metadata by nameTechMetaData
:Type for a tech metadata objectTechMetaDataKey
:Type for all valid tech keysIconType
: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.
- Leverage
searchTechMetadata
for building search/filter UIs. - Display icons using the
icon
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.