Effects Library is an open-source collection of stunning visual effects designed to enhance your projects with easy-to-use components.
Features
Import in React
Allows users to import and use the ParallaxImage component in React applications to create dynamic and interactive design elements with parallax effects.
Use as Hyperlink
Enables the Parallax Image to be used as a clickable hyperlink, allowing for versatile integration into web design.
User Reviews
Users can submit and browse reviews for various products to gain insights about the quality and performance before making a purchase decision.
Text Styler
Allows users to style their text with different fonts, text color, and background color. Users can also upload images to incorporate into their text design.
Parallax Image Button
Allows you to add a visually interactive button component to your website, using your choice of image to provide a dynamic and engaging user experience.
Expandable Info Cards
Provides components such as ExpandableInfoCard, ExpandableInfoCardTextAfter, and ExpandableInfoCardTextBefore, which allow developers to effortlessly create interactive UI elements that expand to show more information.
Character and Word Count
Displays the total number of characters and words in the text area, helping users keep track of text length.
Special Symbols Counter
Monitors the occurrence of special symbols in the text area, aiding in text analysis and validation.
Target Character and Word Occurrences
Enables users to specify a target character or word to count its occurrences, useful for specific content requirements.
Custom shortcut key
Allows users to define their own keyboard shortcuts to focus on the search bar, enhancing accessibility and efficiency.
Recent search history
Stores and displays the user's recent search history, making it easier to revisit previously searched items.
Customizable appearance
Provides options to customize the search bar's appearance, including text size, colors, and shapes to fit your app's design.
View More Component
Allows web developers to add a 'Read More' interactive element to their websites, facilitating better user interaction by expanding content dynamically.
Single Selected Rating
Allow users to select a single rating from a predefined set of options, represented by emojis, which can be integrated into web applications using React.
Customizable DropDown component
Allows developers to add a customizable DropDown component to their projects, including options to import into React, modify items, and trigger actions.
Icon Display
The ability to replace the standard cursor with a custom icon. Users can choose from a range of icons to represent the cursor visually.
Image Display
Allows users to display a custom image in place of the cursor. This feature supports various image formats and can be utilized to showcase different themes or styles.
Tooltip Functionality
Enables the display of text tooltips along with the cursor, providing contextual information or instructions as the cursor hovers over different elements.
Color Customization
Users can customize the cursor's color and the glow effect around it, tailoring the visual appearance to fit different themes or user preferences.
Custom Animation Duration
Supports setting a custom animation duration in milliseconds to adjust the speed of the rolling animation for user preferences.
Styling with Class Names
Enables custom styling through class names, allowing developers to apply their own CSS styles to the animation.
Reveal Animation
Offers pre-built animations like 'animate-clip-animation-1' that can be easily integrated into React projects with customizable keyframes for dynamic content reveals.
Tailwind CSS Integration
Seamlessly integrates with Tailwind CSS through a configuration that includes customizable keyframes, allowing developers to quickly apply stylish animations.
Text Shine Animation
The Text Shine animation provides a shimmering effect that can be applied to text elements in web applications for enhanced visual appeal.
Text animation customization
Users can customize animations with different colors and durations to create visually appealing web experiences.
Wave Text option
Allows users to apply a 'wave' effect to text, providing a dynamic and engaging appearance for web pages.
SVG Color Fill Option
Gives users the ability to fill SVG graphics with various colors, enhancing the visual appeal of web components.