Custom Animation

aaesis · February 9, 2023, 6:25pm

Is there a way to create a custom animation and add it on Animation section of the builder.io?

manish-sharma · February 10, 2023, 12:42pm

To register custom animation in the builder editor you may find help at Extending Builder.io with Plugins - Builder.io

BuilderIO/builder/blob/main/plugins/example-app-campaign-builder/src/plugin.ts

import { Builder } from '@builder.io/sdk'
import { CampaignsPage } from './components/campaigns-page'
import { PageLink } from './components/page-link'
import { AdditionalPages } from './components/additional-pages'
import { UsersList } from './components/users-list'
import { reaction } from 'mobx'
import { Header } from './components/header'
import { ApplicationContext } from './interfaces/application-context'
import { InsertMenu } from './components/insert-menu'
import { PreviewToolbar } from './components/preview-toolbar'

// using require(..) here makes typescript happy that this module is
// not actually in node_modules
const context: ApplicationContext = require('@builder.io/app-context').default

// Add buttons to the top toolbar when editing content
Builder.register('editor.toolbarButton', {
  component: () => 'Hello!',
})

This file has been truncated. show original

Topic		Replies	Views
Unable to register custom components Technical Questions nextjs	6	1282	December 22, 2023
Custom component not showing up Technical Questions custom-components , nextjs	18	3178	April 17, 2024
How to get custom components via API in my next app? Visual Editor Help nextjs	3	769	January 11, 2023
Rendering custom components with Builder HTML API Technical Questions	1	919	February 16, 2022
How to access the button information in registered custom react component from Builder and pass the onclick callback of the button from builder? Technical Questions	4	708	March 8, 2022

Custom Animation

Related topics