NEW

Softkit 4.2.1: Support for styled-components, symbols and global swatches →

Build better developer tools with Softkit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

License: MIT GitHub

Get started

Documentation

TRUSTED BY DEVELOPERS AT

The Web SDK

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sync your networks

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

Build your workflow

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

Collaborate effectively

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

Connect, sync data

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

Analyze usage trends

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

Launch the best stack

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

Real-time protection

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

Easy mass deployment

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

App management

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Read docs →

Built for developers

A unified API that do the hard work for you

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Install from CDN

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Get started

Error monitoring

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Documentation

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const webflow = new Webflow({ token: api_token });

// Promise <Item>
const item = webflow.createItem({
   collectionId: '580e63fc8c9a982ac9b8b745',
   fields: {
      'name': 'Exciting blog post title',
      'slug': 'exciting-post',
      '_archived': false,
      '_draft': false,
      'color': '#a98080',
      'author': '580e640c8c9a982ac9b8b778',
      'post-body': '<p>Blog post contents...</p>',
      'post-summary': 'Summary of exciting blog post',
      'main-image': '580e63fe8c9a982ac9b8b749',
   },
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const webflow = new Webflow({ token: api_token });

// Promise <Webhook>
const webhook = webflow.createWebhook({
   siteId: '562ac0395358780a1f5e6fbd',
   triggerType: 'form_submission',
   url: 'https://api.mydomain.com/webhook',
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const webflow = new Webflow({ token: api_token });

// Promise <Item>
const item = webflow.patchItem({
   collectionId: '580e63fc8c9a982ac9b8b745',
   itemId: '58338a5735ca4f023b9f1847',
   fields: {
      'name': 'Patched Exciting blog post title',
      'slug': 'exciting-post',
      '_archived': false,
      '_draft': false,
      'color': '#4353FF',
   }
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const webflow = new Webflow({ token: api_token });

// Promise <Item>
const item = webflow.updateItem({
   collectionId: '580e63fc8c9a982ac9b8b745',
   itemId: '58338a5735ca4f023b9f1847',
   fields: {
      'name': 'Updated Exciting blog post title',
      'slug': 'exciting-post',
      '_archived': false,
      '_draft': false,
      'color': '#a98080',
      'author': '580e640c8c9a982ac9b8b778',
      'post-body': '<p>Blog post contents...</p>',
      'post-summary': 'Summary of exciting blog post',
      'main-image': 'http://somesite.com/image20.jpg',
   }
});

Your solution to organizing website workflow

Simple tools,
powerful effects

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Empower every team
with good data

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Ship pixel perfect
websites 2x faster

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

Workspace for any
type of project

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Learn more

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const webflow = new Webflow({ token: api_token });

// Promise <Item>
const item = webflow.createItem({
   collectionId: '580e63fc8c9a982ac9b8b745',
   fields: {
      'name': 'Exciting blog post title',
      'slug': 'exciting-post',
      '_archived': false,
      '_draft': false,
      'color': '#a98080',
      'author': '580e640c8c9a982ac9b8b778',
      'post-body': '<p>Blog post contents...</p>',
      'post-summary': 'Summary of exciting blog post',
      'main-image': '580e63fe8c9a982ac9b8b749',
   },
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const webflow = new Webflow({ token: api_token });

// Promise <Webhook>
const webhook = webflow.createWebhook({
   siteId: '562ac0395358780a1f5e6fbd',
   triggerType: 'form_submission',
   url: 'https://api.mydomain.com/webhook',
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const webflow = new Webflow({ token: api_token });

// Promise <Item>
const item = webflow.patchItem({
   collectionId: '580e63fc8c9a982ac9b8b745',
   itemId: '58338a5735ca4f023b9f1847',
   fields: {
      'name': 'Patched Exciting blog post title',
      'slug': 'exciting-post',
      '_archived': false,
      '_draft': false,
      'color': '#4353FF',
   }
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const webflow = new Webflow({ token: api_token });

// Promise <Item>
const item = webflow.updateItem({
   collectionId: '580e63fc8c9a982ac9b8b745',
   itemId: '58338a5735ca4f023b9f1847',
   fields: {
      'name': 'Updated Exciting blog post title',
      'slug': 'exciting-post',
      '_archived': false,
      '_draft': false,
      'color': '#a98080',
      'author': '580e640c8c9a982ac9b8b778',
      'post-body': '<p>Blog post contents...</p>',
      'post-summary': 'Summary of exciting blog post',
      'main-image': 'http://somesite.com/image20.jpg',
   }
});