Integrate the Shadertoy API with the Notion API

Setup the Shadertoy API trigger to run a workflow which integrates with the Notion API. Pipedream's integration platform allows you to integrate Shadertoy and Notion remarkably fast. Free for developers.

Popular Ways to Connect Shadertoy with Notion#

Access Shader Assets with Shadertoy API on New Database from Notion API

Notion + Shadertoy

Try it

Access Shader Assets with Shadertoy API on New Page in Database from Notion API

Notion + Shadertoy

Try it

Access Shader Assets with Shadertoy API on Page or Subpage Updated from Notion API

Notion + Shadertoy

Try it

Access Shader Assets with Shadertoy API on Updated Page ID from Notion API

Notion + Shadertoy

Try it

Access Shader Assets with Shadertoy API on Updated Page in Database from Notion API

Notion + Shadertoy

Try it

Popular Shadertoy and Notion Triggers#

New Database from the Notion API

Emit new event when a database is created. Note: Databases must be shared with your Pipedream Integtration to trigger event.

Try it

New Page in Database from the Notion API

Emit new event when a page in a database is created

Try it

Page or Subpage Updated from the Notion API

Emit new event when a page or one of its sub-pages is updated.

Try it

Updated Page ID from the Notion API

Emit new event when a selected page is updated

Try it

Updated Page in Database from the Notion API

Emit new event when a page in a database is updated. To select a specific page, use Updated Page ID instead

Try it

Popular Shadertoy and Notion Actions#

Access Shader Assets with the Shadertoy API

Accesses an asset from source. See the documentation

Try it

Append Block to Parent with the Notion API

Creates and appends blocks to the specified parent. See the documentation

Try it

Get Shader with the Shadertoy API

Returns a specific shader based on an ID. See the documentation

Try it

Create Page with the Notion API

Creates a page from a parent page. The only valid property is title. See the documentation

Try it

List Shaders with the Shadertoy API

Returns a list of all shaders. See the documentation

Try it

Overview of Shadertoy#

The Shadertoy API opens a window to a universe of visual creations by providing programmatic access to a wealth of shaders created by the Shadertoy community. These shaders are snippets of GLSL code that produce stunning graphics and visual effects. In Pipedream, you can leverage this API to trigger workflows that interact with these shaders, such as retrieving shader information, displaying shader visuals, or even monitoring the latest creations. By combining Shadertoy API with Pipedream's capability to connect to numerous other services, your creative and technical projects can flourish with dynamic, visually rich content.

Connect Shadertoy#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    shadertoy: {
      type: "app",
      app: "shadertoy",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: ` https://www.shadertoy.com/api/v1/shaders/query/test`,
      params: {
        key: `${this.shadertoy.$auth.app_key}`,
      },
    })
  },
})

Overview of Notion#

Notion's API allows for the creation, reading, updating, and deleting of pages, databases, and their contents within Notion. Leveraging Pipedream's platform, you can build workflows that connect Notion with a myriad of other services to automate tasks such as content management, task tracking, and data synchronization. With Pipedream's serverless execution, you can trigger these workflows on a schedule, or by external events from other services, without managing any infrastructure.

Connect Notion#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    notion: {
      type: "app",
      app: "notion",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.notion.com/v1/users/me`,
      headers: {
        Authorization: `Bearer ${this.notion.$auth.oauth_access_token}`,
        "Notion-Version": `2021-08-16`,
      },
    })
  },
})