Overview of Finsweet Components
Finsweet’s new app, “Components by Finsweet,” is a significant advancement in Webflow tools. It offers an efficient and modern solution to speed up your Webflow development process.
Currently, it features two powerful components:
- Custom Sliders
- Cookies Consent
These components enhance functionality and streamline your development experience.
Upcoming Features in Finsweet Components
The “Components by Finsweet” app is continually advancing, with more powerful features on the way. Here are the upcoming components currently in development:
- List
- Tooltip
- Tabs
- Marquee
- Custom Cursor
Stay tuned for these exciting additions!
Benefits of Using Finsweet in Webflow
As Webflow apps continue to evolve to meet market needs, the Finsweet Components app stands out for its practical solutions:
Custom Sliders: Traditionally, creating custom sliders in Webflow requires complex coding. Finsweet’s Custom Slider component solves this issue, allowing users to build powerful sliders without writing a single line of code.
Cookies Consent: Ensure GDPR compliance effortlessly with Finsweet’s Cookies Consent component. It provides customizable consent banners, simple preference management, and reliable consent storage.
With these components, you can enhance your Webflow projects more efficiently and compliantly.
How to Get Started
Getting started with the Finsweet Components app is straightforward:
- Install the App: Add the Finsweet Components app to your Webflow workspace. You can install it for all sites or specific sites through the Webflow Apps section.
- Use the Components: Once installed, you can start using the components in Designer mode.
Pricing Information:
- Free on Staging Domains: All features are available for free on staging domains (webflow.io).
- Paid for Published Sites: For published sites, the components are available at $10 per month (billed annually) or $12 per month (billed monthly).
This pricing structure is ideal for those developing staging sites for portfolios or showcases.
Webflow App for Advanced Components by Finsweet
Currently, two live components are available:
Custom Slider App Webflow
The Custom Slider is more than just a basic slider. It offers advanced functionalities that allow you to create various types of sliders with simple customizations, without any coding. It serves as an excellent alternative to Swiper.js sliders, providing a code-free experience. Additionally, it supports CMS-based sliders, making your work easier and faster.
Explore all the demo options here:Finsweet Slider Demos
Custom Slider Features
The Custom Slider offers a range of advanced features to enhance your slider experience:
- Custom Navigation Buttons: Create personalized controls for slide transitions.
- Custom Slider Dots: Display navigation dots to indicate the position of each slide.
- Progress Bar Navigation: Show slide progress as a visual progress bar.
- Fraction Pagination: Display slide progress as a fraction, showing the current slide number out of the total slides.
- Scroll Bar: Provide a draggable scrollbar for easy slide navigation.
- Draggable: Navigate slides by dragging them with a mouse or touch.
- Vertical: Transition slides vertically instead of horizontally.
- Slides per View Auto: Adjust the number of visible slides based on the container’s width for a responsive display.
- Centered: Keep the active slide centered within the view.
- Slide to Clicked Slide: Navigate directly to a slide by clicking on it.
- Infinite Loop: Seamlessly loop slides from end to beginning for endless cycling.
- Keyboard Control: Navigate slides using the keyboard.
- Mousewheel Control: Navigate slides using the mouse wheel.
- Autoplay: Automatically transition through slides at set intervals without user interaction.
- Thumbs Gallery: Display thumbnail slides to navigate the main slides.
- Controller: Link multiple sliders to synchronize their navigation.
- Slide Active Class: Highlight the currently active slide with a specific CSS class.
- Fade Effect: Smoothly transition slides by fading one out while the next fades in.
- Auto Height: Adjust the container’s height to fit the height of the active slide.
Cookie Consent
The Cookie Consent component offers robust management for cookies in your Webflow design, allowing for customization and integration.
Here’s what you can do with it:
GDPR Compliant
Ensure GDPR compliance effortlessly with the Cookie Consent component. It offers:
- Customizable Consent Banners: Tailor the appearance of your consent banners to fit your brand’s style.
- Easy Preference Management: Simplify how users manage their cookie preferences.
- Consent Storage: Securely store user consent to meet regulatory requirements.
This component helps you meet GDPR standards while providing a user-friendly experience.
- Set-Cookie Categories: Efficiently organize cookies using advanced categorization. This feature ensures clear and precise user consent by grouping cookies into relevant categories.
- Style to Match Your Brand: Customize the appearance of your cookie banner to align with your website’s branding. This flexibility allows you to create a banner that seamlessly integrates with your site’s design.
- Categorize Scripts for Consent: Manage when scripts are executed based on user consent. You can control the firing of scripts according to the categories users agree to, such as Essential, Marketing, Analytics, and Personalization.
With these features, the Cookie Consent component helps you maintain GDPR compliance while offering a tailored experience that fits your brand and user needs.
Coming Soon Components
Now, let’s discuss other Webflow app for advanced components by Finsweet.
Tooltip
The upcoming Tooltip component is expected to offer a seamless way to display additional information or context when users hover over or click on elements. With customizable design options, including colors, fonts, and positioning, this feature will enhance user interaction by providing helpful hints or explanations in a visually appealing manner.
It’s ideal for guiding users through forms, explaining product features, or offering extra details without cluttering the interface.
Tabs
The Tabs component will revolutionize content organization by allowing users to switch between different content panels effortlessly. This feature will support dynamic content switching, ensuring that users can navigate through sections like FAQs, product details, or user profiles without page reloads.
With customizable styles and a responsive design, tabs will ensure a smooth and engaging experience across various devices, making it easy to manage and present large amounts of information.
Marquee
Anticipated to bring a dynamic touch to your website, the Marquee component will enable scrolling or animated text and content. Users will have the flexibility to adjust the speed and direction of the scrolling effect, adding visual interest to announcements, promotions, or event updates.
With responsive design support, the Marquee will ensure that your scrolling content looks great on any device, capturing attention and conveying important messages effectively.
Custom Cursor
The Custom Cursor component will introduce a new level of personalization by allowing you to replace the default cursor with a custom design. This feature will enable you to align the cursor’s appearance with your site’s branding or enhance user interaction through unique visual cues.
Whether it’s a themed cursor for a special event or a branded design for a more immersive experience, this component will offer a fresh and engaging way to interact with your site.
Final Remarks
Finsweet’s advanced Webflow components app, Componems, offers powerful and highly customizable features like the Slider and Cookie Consent components.
Additionally, several exciting components are marked as ‘COMING SOON,’ including Tooltip, Tabs, Marquee, and Custom Cursor.
Ready to transform your online presence with Webflow? Contact Weboxy Technology, a leading Webflow development agency, for stunning, high-performing websites that captivate your audience!
