$0+

Fouita UI – Figma UI kit (400+ components)

I want this!

Fouita UI – Figma UI kit (400+ components)

$0+

Spark Your Creativity with Our Vast Collection of Widget Design Templates

Discover a treasure trove of 400+ components design templates that will ignite your imagination and inspire your next project. Our collection features a diverse range of styles, layouts, and functionalities, providing you with endless possibilities to create unique and engaging widgets.


KEY FEATURES:

  • Variety of design aesthetics: Choose from a wide range of styles to match any project, whether modern, minimalist, or bold.
  • Flexible Auto Layout: Easily create responsive layouts with Max, Min, and Wrapping settings to ensure your designs adapt seamlessly to any screen.
  • High-Quality Designs: Experience exceptional design quality that elevates your project, with clean lines, attention to detail, and professional polish.
  • Interactive Prototypes: Engage users with fluid animations such as Sliders, Image Splits, Tabs, Banners, Reviews, Logo Showcases, and FAQs, providing a dynamic user experience.
  • 10 Fouita UI Home Pages: Kickstart your creative process with 10 pre-designed home pages, each with custom components that are fully adaptable to your needs.
    Unlock Your Creative Potential with These Figma ComponentsWhether you're building a dynamic landing page, a sleek user interface, or an interactive prototype, these essential Figma components will help you design with precision and ease. From responsive layouts to smooth animations, explore a variety of widgets crafted to enhance your workflow and design process.

    1. Heading

    • Modern Style: Clean sans-serif fonts with ample white space for a minimalist look.
    • Bold Style: Heavy weights and contrasting colors to make headlines pop.

    2. Slider

    • Image Carousel: Full-width images with navigation dots for easy browsing.
    • Image Split Carousel: Two side-by-side images for easy comparison without navigation..
    • Before and After Slider: An interactive tool that allows users to compare two images by sliding between them, effectively showcasing transformations or changes.

    3. Tabs

    • Horizontal Tabs: Multiple sections displayed side by side for easy navigation across content.
    • Vertical Tabs: Stacked sections on the side, offering a clear, organized way to explore content vertically.

    4. Banner

    • Full-Width Banner: Vibrant backgrounds with overlay text for promotional messages.
    • Banner Carousel: Rotating banners that showcase key messages or promotions in a dynamic, engaging format.

    5. Popup

    • Modal Popup: Centered with a translucent background to focus attention.
    • Corner Popup: Small notifications appearing in a corner of the screen for non-intrusive alerts.

    6. Audio Player

    • Audio Player: A clean interface for playing a single track with basic controls like play, pause, and volume.
    • Music Playlist: A list of multiple tracks, allowing users to easily navigate and select songs for continuous playback.

    7. Age Verification

    • Age Verification with Button: Simple one-click confirmation for verifying age before accessing content.
    • Age Verification with Input: Enter your birth date or age for precise verification and content access.

    8. Cookies

    • Cookies Banner: A small notification for accepting or managing cookies.
    • Cookies Popup: A prominent window requiring cookie acceptance.

    9. Navbar

    • Simple Menu: A straightforward menu for easy navigation with links to key sections.
    • Mega Menu: An expandable menu that reveals additional links for organized navigation.

    10. Footer

    • Multi-Column Footer: Organized sections for links, contact info, and social media.
    • Single-Row Footer: A minimalist approach with essential links only.

    11. Comparison Table

    • Side-by-Side Layout: Clear columns for features and pricing comparisons.
    • Detailed Comparison Layout: Clearly organized rows and columns that allow users to evaluate options based on key attributes and specifications.

    12. Timeline

    • Vertical Timeline: Steps laid out vertically with icons and descriptions.
    • Horizontal Timeline: Progression laid out horizontally for broader overviews.

    13. List Event

    • Card Format: Individual event cards with images, dates, and details.
    • Bullet List Format: Simple text-based listings for quick reference.

    14. Password Protector

    • Overlay Screen: Full-screen prompt requiring a password before access.
    • Inline Prompt: Simple text field integrated into the design for minimal disruption.

    15. Job Board

    • Card Listings: Attractive cards for each job listing with relevant details.
    • List View: Text-based listings for straightforward browsing.

    16. Form Builder

    • Subscription Form: A simple interface for users to sign up for newsletters or updates by entering their email addresses.
    • Contact Form: A clean, integrated design that allows users to easily send inquiries with essential fields.
    • Feedback Form: An inviting interface that simplifies user input for sharing insights and suggestions.

    17. Logo Showcases

    • Grid Layout: Clean grid layout displaying client logos for visibility.
    • Carousel Showcase: Rotating carousel for interactive logo displays.

    18. Business Hours

    • Card Format: Simple cards displaying hours for each day of the week.
    • Table Format: Structured table for clear visibility of business hours.

    19. Reviews

    • Carousel Reviews: Rotating quotes with star ratings for visual impact.
    • Grid Reviews: Structured grid layout for multiple testimonials at a glance.

    20. Features

    • Grid Layout: Features arranged in a structured grid, allowing for easy comparison and visual balance.
    • Card Design: Individual feature cards with images and brief descriptions, creating a clean and organized look.

    21. FAQ

    • Accordion Style: Expandable sections for easy navigation and clean design.
    • Inline Q&A: Simple layout with questions and answers directly displayed.

    22. Pricing

    • Minimalist Design: Clean lines and ample white space, featuring essential information like price, plan name, and a call-to-action button, for a sleek and modern look.
    • Tiered Structure: Organized in a vertical list, showcasing different plans side by side, allowing for easy comparison of features and pricing.

    23. Images Gallery

    • Masonry Layout: A visually engaging design that allows images of varying sizes to fit together seamlessly, creating a unique and appealing browsing experience.
    • Photo Gallery Grid: An organized collection of images arranged in a grid, allowing users to explore and engage with visual content effortlessly.

    24. Restaurant Menu

    • Category Sections: Organized sections for appetizers, main courses, and desserts.
    • Single-Page Layout: Clean and simple for easy navigation.

    25. Team Showcases

    • Profile Cards: Stylish cards featuring images, names, and roles of team members.
    • Grid Layout: Clean grid for a quick overview of the team.

    26. Number Counter

    • Number Counter Card: A visually engaging design that highlights key statistics or achievements with bold numbers and concise descriptions for quick comprehension.
    • Static Display: Clean, simple display for presenting key statistics.

Explore, and create stunning widgets that captivate your audience and elevate your website's design. Our widgets allow you to concentrate on your creative vision while we take care of the technical details. If you’re curious to see how they can elevate your projects,

visit Fouita and start your journey.

Start Now


$
I want this!
Components
+400
Icons Files
✅
10 Landing Pages
✅
Copy product URL
30-day money back guarantee