jQuery UI Python API Docs | dltHub
Build a jQuery UI-to-database pipeline in Python using dlt with AI harness support for Claude Code, Cursor, and Codex.
Last updated:
jQuery UI provides a set of user interface interactions, effects, and widgets that can be integrated into web applications, and its REST API allows for programmatic data access to these components. The REST API base URL is https://api.jqueryui.com/v1/ and requests require a Bearer token.
dlt is an open-source Python library that handles authentication, pagination, and schema evolution automatically. dlthub provides AI context files that enable code assistants to generate production-ready pipelines. Install with uv add "dlt[hub]" and start loading jQuery UI data in under 10 minutes.
What data can I load from jQuery UI?
Here are some of the endpoints you can load from jQuery UI:
| Resource | Endpoint | Method | Data selector | Description |
|---|---|---|---|---|
| snap | snap | GET | Retrieves snap interaction data | |
| menu | menu | GET | Retrieves menu widget data | |
| dialog | dialog | GET | Retrieves dialog widget data | |
| accordion | accordion | GET | Retrieves accordion widget data | |
| datepicker | datepicker | GET | Retrieves datepicker widget data |
How do I authenticate with the jQuery UI API?
The API uses Bearer token authentication, which must be provided in the request headers.
1. Get your credentials
jQuery UI is a client-side JavaScript library for user interface components and does not provide a standard REST API with a dashboard for generating API keys. If your integration requires authentication (e.g., accessing a specific hosted service or custom backend implementation documented in your project's architecture), obtain credentials directly from that service's dashboard as specified by the service owner. For standard jQuery UI library usage, no credentials are required.
2. Add them to .dlt/secrets.toml
[sources.jquery_ui_source] # Add these lines to your .dlt/secrets.toml file if your target backend requires an API key access_token = "your_api_key_or_token_here"
dlt reads this automatically at runtime — never hardcode tokens in your pipeline script. For production environments, see setting up credentials with dlt for environment variable and vault-based options.
How do I set up and run the pipeline?
Set up a virtual environment and install dlt:
uv init uv add "dlt[hub]"
1. Install the dlt AI harness:
uv run dlthub ai init --agent <your-agent> # <agent>: claude | cursor | codex
This installs project rules, a secrets management skill, appropriate ignore files, and configures the dlt MCP server for your agent. Learn more →
2. Install the rest-api-pipeline toolkit:
uv run dlthub ai toolkit install rest-api-pipeline
This loads the skills and context about dlt the agent uses to build the pipeline iteratively, efficiently, and safely. The agent uses MCP tools to inspect credentials — it never needs to read your secrets.toml directly. Learn more →
3. Start LLM-assisted coding:
Use /find-source to load data from the jQuery UI API into DuckDB.
The rest-api-pipeline toolkit takes over from here — it reads relevant API documentation, presents you with options for which endpoints to load, and follows a structured workflow to scaffold, debug, and validate the pipeline step by step.
4. Run the pipeline:
uv run python jquery_ui_pipeline.py
If everything is configured correctly, you'll see output like this:
Pipeline jquery_ui_pipeline load step completed in 0.26 seconds 1 load package(s) were loaded to destination duckdb and into dataset jquery_ui_data The duckdb destination used duckdb:/jquery_ui.duckdb location to store data Load package 1749667187.541553 is LOADED and contains no failed jobs
Inspect your pipeline and data:
uv run dlthub show
This opens the Pipeline Dashboard where you can verify pipeline state, load metrics, schema (tables, columns, types), and query the loaded data directly.
Python pipeline example
This example loads snap and menu from the jQuery UI API into DuckDB. It mirrors the endpoint and data selector configuration from the table above:
import dlt from dlt.sources.rest_api import RESTAPIConfig, rest_api_resources @dlt.source def jquery_ui_source(access_token=dlt.secrets.value): config: RESTAPIConfig = { "client": { "base_url": "https://api.jqueryui.com/v1/", "auth": {"type": "bearer", "token": access_token}, }, "resources": [ {"name": "snap", "endpoint": {"path": "snap"}}, {"name": "menu", "endpoint": {"path": "menu"}} ], } yield from rest_api_resources(config) def get_data() -> None: pipeline = dlt.pipeline( pipeline_name="jquery_ui_pipeline", destination="duckdb", dataset_name="jquery_ui_data", ) load_info = pipeline.run(jquery_ui_source()) print(load_info)
To add more endpoints, append entries from the resource table to the "resources" list using the same name, path, and data_selector pattern.
How do I query the loaded data?
Once the pipeline runs, dlt creates one table per resource. You can query with Python or SQL.
Python (pandas DataFrame):
import dlt data = dlt.pipeline("jquery_ui_pipeline").dataset() sessions_df = data.snap.df() print(sessions_df.head())
SQL (DuckDB example):
SELECT * FROM jquery_ui_data.snap LIMIT 10;
In a marimo or Jupyter notebook:
import dlt data = dlt.pipeline("jquery_ui_pipeline").dataset() data.snap.df().head()
See how to explore your data in marimo Notebooks and how to query your data in Python with dataset.
What destinations can I load jQuery UI data to?
dlt supports loading into any of these destinations — only the destination parameter changes:
| Destination | Example value |
|---|---|
| DuckDB (local, default) | "duckdb" |
| PostgreSQL | "postgres" |
| BigQuery | "bigquery" |
| Snowflake | "snowflake" |
| Redshift | "redshift" |
| Databricks | "databricks" |
| Filesystem (S3, GCS, Azure) | "filesystem" |
Change the destination in dlt.pipeline(destination="snowflake") and add credentials in .dlt/secrets.toml. See the full destinations list.
Next steps
Continue your data engineering journey with the other toolkits of the dltHub AI harness:
data-exploration— Build custom notebooks, charts, and dashboards for deeper analysis with marimo notebooks.dlthub-platform— Deploy, schedule, and monitor your pipeline in production.
uv run dlthub ai toolkit install data-exploration uv run dlthub ai toolkit install dlthub-platform
Was this page helpful?
Community Hub
Need more dlt context for jQuery UI?
Request dlt skills, commands, AGENT.md files, and AI-native context.