workflowstacks

The marketplace for AI skills that launch offers, rank in AI search, and automate operations. No coding required.

𝕏⚡💬

Marketplace

  • Browse Skills
  • AI Agents
  • Claude Skills
  • MCP Servers
  • Prompts

Solutions

  • For Founders
  • For Agencies
  • For Ecommerce
  • Agent Builder
  • Starter Packs
  • Playbooks

Learn

  • How It Works
  • What Are Skills
  • What Are Agents
  • What Is MCP
  • For Creators
  • Submit a Tool
  • Security

Company

  • Become a Creator
  • About
  • Enterprise
  • API Docs
  • Terms
  • Privacy
  • Support
Compatible with
🤖ChatGPT
✨Claude
💎Gemini
🛍️Shopify
🔍Ahrefs
📊Sheets
💬WhatsApp
📱Meta Ads
+50 moreCreator program →

© 2026 WorkflowStacks. All rights reserved.

TermsPrivacySupport
analytics

Components for Data Insights

Get Looker's UI components for data analysis, for founders and startups, with 70 GitHub stars
intermediate⏱ 30 minutes💵 Free + open-source
70 stars38 forksTypeScriptQuality 8/10Updated 4/2/2026100% free · open source
What it is

You use these components to create interactive dashboards with Looker's design infrastructure.

What you can make with it

Build custom analytics applications, like a dashboard tracking sales and customer growth for your e-commerce business.

How it helps

This helps you create custom analytics applications quickly without needing extensive knowledge of Looker's design infrastructure or custom coding, making it ideal for developers and non-developers alike.

Real use case example

"A founder wanting to track sales and customer growth for their e-commerce business would first create a new project in Looker, then select the relevant components to use (e.g., UI charts, data visualizations), and finally connect them to their database to visualize their sales and customer growth."

If you're new

This is a good starting point when you're new to using AI tools for data analysis and want to create visualizations quickly.

If you're senior

A senior engineer would reach for this when needing to integrate custom design components into a Looker application without extensive coding knowledge.

Common confusion cleared up

Some users assume these components require extensive coding knowledge, but Looker's design infrastructure makes it user-friendly and easy to use even for non-developers.

Best inside these AI tools
Claude DesktopClaude Code
Pairs with
Stripe webhookNotion database
Why we list it on WorkflowStacks: A marketplace of AI tools includes this because it's open-source, making it free for users to use and integrate.
What it does

Looker's UI components provide pre-built, customizable UI elements for data analysis and visualization, allowing founders to quickly build and integrate data-driven interfaces into their applications

Install / run
npm install @looker/components
When to use it
  • •When building a data-driven application and needing a consistent, professional-looking UI
  • •When integrating data analysis and visualization into an existing web application
  • •When prototyping a data-driven product and needing to quickly test and validate UI components
Quick start
  1. 1Clone the repository: git clone https://github.com/looker-open-source/components.git
  2. 2Install dependencies: npm install
  3. 3Run the demo: npm run demo
  4. 4Import a component: import { Button } from '@looker/components';
  5. 5Use the component in your application: <Button>Click me</Button>
Ready-to-paste prompt
import { Visualization } from '@looker/components'; <Visualization query={{ model: 'my_model', fields: ['my_field'] }} />
Heads up: Make sure you have Node.js version 14 or higher installed, as the components are built with modern JavaScript features and may not be compatible with older versions
Saves to your device
What's inside — free to inspect
No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

2
top-level files
1
folders
493.1M
repo size
MIT
license
Key files
README.md
File tree
packages/
LICENSE.md
README.md
Quick Actions
Details
Creator
looker-open-source
Language
TypeScript
Category
analytics
Published
10/31/2019

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.

Related skills

More analytics tools founders pair with this one.

analytics★ 109,948
TypeScript: Cleaner JS Code
Get reliable JavaScript output with TypeScript. For founders using JavaScript.
analytics★ 75,574
Grafana: Unified Insights
Get unified metrics and monitoring for your startup with Grafana, a platform used by many, ideal for founders needing data visibility.
analytics★ 73,968
Superset: Data Insights
Get data visualization and exploration with Superset, a platform for founders in data-driven startups, with 74k+ GitHub stars.
analytics★ 61,294
Worldmonitor: Global Awareness
Get real-time global intelligence with worldmonitor, a unified dashboard for startup founders and teams, with 61k+ GitHub stars
analytics★ 56,757
Daily Stock Analysis
Get intelligent A/H/US market insights with daily_stock_analysis. For founders needing AI-driven stock analysis.
analytics★ 48,361
Metabase: Easy Data Insights
Get data-driven decisions with Metabase, an open source BI tool for founders, with 48k+ GitHub stars.