Superfields Developer Hub

If you're a developer and you want to make changes to Superfields, you can get the source code for all components here. Just create a new code file in your Framer project for each component.

Note: If you use the components' code in your project instead of copying the components normally, you will not be able to recieve future updates without returning here and re-copying the code into your project.

Shared Superfields Component Code:

This file must be added to your project for other Superfields components to work. It contains functions that are used by other components. If this code is not in a file named "SuperfieldsShared.tsx" in your project, many of the other components will display errors because they rely on the functions in this file existing to work properly.

SuperfieldsShared.tsx

Copy

Copy

Superfields Component Code:

Each of these files contains a component from Superfields.

Superfields.tsx

Copy

Copy

PaginationButtons.tsx

Copy

Copy

PaginationLabel.tsx

Copy

Copy

SearchBar.tsx

Copy

Copy

ShuffleButton.tsx

Copy

Copy

Filter.tsx

Copy

Copy

FavouriteButton.tsx

Copy

Copy

ResetFiltersButton.tsx

Copy

Copy

SocialShare.tsx

Copy

Copy

SuperfieldsShared.tsx

Copy

Copy

Masonry.tsx

Copy

Copy

CMSItemCountLabel.tsx

Copy

Copy

AspectRatioImage.tsx

Copy

Copy