Skip to content

[ENHANCEMENT]: Improve empty state UI for "No books found" in Library #480

Closed

Description

Current Behavior

When users have no books in their library, the empty state shows plain text: "No books found here. Your search for adventure continues..." with no visual elements or clear call-to-action.

Suggested Improvement

Add a visually engaging empty state with:

  • SVG illustration (open book or empty bookshelf)
  • Better typography and spacing
  • "Discover Books" CTA button with hover effect
  • Subtle fade-in animation

Benefits

  • More engaging for new users
  • Encourages book exploration
  • Professional look and feel
  • Better first impression

Possible Implementation

  • Create/source SVG illustration
  • Improve text hierarchy
  • Add styled CTA button linking to discovery page
  • Add CSS fade-in animation
  • Ensure mobile responsiveness

I'm participating in GSSOC'26 and would love to work on this! Could you please assign it to me, @devanshi14malhotra?

Activity

  1. devanshi14malhotra commented on May 11, 2026

    @devanshi14malhotra
    Owner

    @Shahazadi-Shaguftha-Syed I have assigned the issue... but GSSoC officially starts from 15th May, so you can start sending PRs from then...

  2. Shahazadi-Shaguftha-Syed commented on May 11, 2026

    @Shahazadi-Shaguftha-Syed
    ContributorAuthor

    thank you so much for letting me know

  3. added a commit that references this issue on May 16, 2026
    2854d90
  4. added a commit that references this issue on May 22, 2026
    c148ecf
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

GSSoC'26For all issues/PRs related to GSSoC'2026 open source eventgood first issueGood for newcomerslevel:intermediateGSSoC'26 intermediate level PR/issue

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions