Bullets List Pro

Bullets List Pro is here to make your life a whole lot easier. Get rid of stacks and frames to add some simple bullet points! Customize bullets with indentation, spacing, and custom icons.

• This bullet list component gives you complete control over list styling without using arrays, making it ideal for use within Framer components.

• Each list item supports rich text formatting with HTML tags like <b> for bold text, with customizable bold font weights.

• Control every aspect of typography including font family, size, weight, letter spacing, and text transformation (uppercase, lowercase, capitalize).

• Fine-tune spacing between bullets and text, adjust vertical spacing between items, and align bullets to the top, center, or bottom of the first line.

• The component maintains perfect alignment even when text wraps to multiple lines, ensuring a clean, professional appearance across all breakpoints.

Types of Bullets:

• Normal Circle

• Numbered

  • 1,2,3

  • a,b,c

  • i,ii,iii

• Dash

• Custom SVG

How to Use:

1. Copy and paste the component in your project.

2. The initial component is set at the settings where the bullets are perfectly centered.

3. Once you make font changes, the bullets will be misaligned. Use the Vertical offset to align the bullets to your liking.

4. The bullets will again misalign if you choose the numbered bullets. Set the vertical alignment again to 0 to align the number bullets.

Remix Link:

If you are still having trouble on figuring out how to use the component and play with the settings, here is a remix link of the file: Remix Link

Refund Policy:

Due to the digital nature of my products, this component is non-refundable. If you encounter any problems, don't hesitate to reach out to me.